Project

General

Profile

« Previous | Next » 

Revision 60139

Added by Konstantinos Triantafyllou almost 4 years ago

[Aggregator | Trunk]: Add number width to align numbers.

View differences:

modules/uoa-aggregator-portal/trunk/src/app/home/home.component.html
207 207 
  </div>
208 208 
  <div class="numbers-background uk-section">
209 209 
    <div class="uk-container">
210 
      <div class="uk-grid uk-margin-auto-left uk-margin-auto-right uk-grid-large uk-flex uk-flex-center " uk-grid>
210 
      <div class="uk-grid uk-margin-auto-left uk-margin-auto-right uk-grid-large uk-flex uk-flex-center" uk-grid>
211 211 
        <div *ngIf="publicationsSize" class="uk-width-1-2@m uk-flex uk-flex-center">
212 
          <div>
212 
          <div class="number-width">
213 213 
            <a class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
214 214 
               [queryParams]="{type: 'publications', qf: false}">
215 215 
              {{publicationsSize.count|number}} </a>
......
220 220 
          </div>
221 221 
        </div>
222 222 
        <div *ngIf="datasetsSize" class="uk-width-1-2@m uk-flex uk-flex-center">
223 
          <div>
223 
          <div class="number-width">
224 224 
            <a class="number uk-text-bold uk-margin-bottom"
225 225 
               [routerLink]="properties.searchLinkToResults"
226 226 
               [queryParams]="{type: 'datasets', qf: false}">{{datasetsSize.count|number}} </a>
......
233 233 
          </div>
234 234 
        </div>
235 235 
        <div *ngIf="softwareSize" class="uk-width-1-2@m uk-flex uk-flex-center">
236 
          <div>
237 
            <a
238 
                class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
239 
                [queryParams]="{type: 'software', qf: false}">
236 
          <div class="number-width">
237 
            <a class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
238 
               [queryParams]="{type: 'software', qf: false}">
240 239 
              {{softwareSize.count|number}} </a>
241 240 
            <div class="uk-text-uppercase uk-flex uk-flex-middle">
242 241 
              <icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon>
......
245 244 
          </div>
246 245 
        </div>
247 246 
        <div *ngIf="otherSize" class="uk-width-1-2@m uk-flex uk-flex-center">
248 
          <div>
247 
          <div class="number-width">
249 248 
            <a class="number uk-text-bold  uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
250 249 
               [queryParams]="{type: 'other', qf: false}">{{otherSize.count|number}} </a>
251 250 
            <div class="uk-text-uppercase uk-flex uk-flex-middle">
modules/uoa-aggregator-portal/trunk/src/assets/portal-custom.css
48 48 
.numbers-background {
49 49 
    background: transparent url('numbers_background_pattern.svg') 0 0  repeat-x padding-box;
50 50 
}
51 
.number {
52 
    color: #1d1d1d;
53 
}

Also available in: Unified diff