Dotclear


Ignore:
Timestamp:
08/31/18 11:42:03 (7 years ago)
Author:
franck <carnet.franck.paul@…>
Branch:
default
Message:

Some refinements for sortable area on dashboard, and some code refactoring

File:
1 edited

Legend:

Unmodified
Added
Removed

  • admin/style/scss/partials/_index.scss

    r3838 r3839  
    11#dashboard-main { 
    2      text-align: center; 
     2  text-align: center; 
     3  & > *:last-child { 
     4    margin-bottom: 1em; 
     5  } 
    36} 
    4  
    5  
    67/* raccourcis */ 
    78 
    89#icons { 
    910  margin: 1em auto 2em; 
    10      display: flex; 
    11      flex-wrap: wrap; 
    12      justify-content: center; 
    13      p { 
    14           width: 13em; 
    15           margin: 1em 0 2em; 
     11  display: flex; 
     12  flex-wrap: wrap; 
     13  justify-content: center; 
     14  p { 
     15    width: 13em; 
     16    margin: 1em 0 2em; 
    1617    display: flex; 
    1718    flex-direction: column; 
    1819    justify-content: flex-start; 
    1920    align-items: center; 
    20      } 
    21      a { 
    22           &, 
    23           &:link, 
    24           &:visited, 
    25           &:hover, 
    26           &:focus { 
    27                border-bottom-width: 0; 
    28                text-decoration: none; 
    29           } 
    30           span { 
     21  } 
     22  a { 
     23    &, &:link, &:visited, &:hover, &:focus { 
     24      border-bottom-width: 0; 
     25      text-decoration: none; 
     26    } 
     27    span { 
    3128      color: $index-link-color; 
    32                border-bottom: 1px dotted $index-link-border; 
    33           } 
    34           img { 
    35                padding: 1.5em; 
    36                background-color: $index-icon-background; 
    37                border-radius: 8px; 
    38                border: 1px solid $index-icon-border; 
    39                display: inline-block; 
     29      border-bottom: 1px dotted $index-link-border; 
     30    } 
     31    img { 
     32      padding: 1.5em; 
     33      background-color: $index-icon-background; 
     34      border-radius: 8px; 
     35      border: 1px solid $index-icon-border; 
     36      display: inline-block; 
    4037      filter: contrast($index-icon-contrast); 
    41           } 
    42           &:focus { 
    43                outline: 0; 
    44                span { 
    45                     border: 2px solid $index-icon-outline; 
    46                } 
    47           } 
    48           &:focus, 
    49           &:hover { 
    50                img { 
    51                     background: $index-icon-outline; 
    52                     outline: 0; 
    53                     border-color: $index-icon-border; 
    54                } 
    55                span { 
    56                     border-bottom-style: solid; 
    57                } 
    58           } 
    59      } 
     38    } 
     39    &:focus { 
     40      outline: 0; 
     41      span { 
     42        border: 2px solid $index-icon-outline; 
     43      } 
     44    } 
     45    &:focus, &:hover { 
     46      img { 
     47        background: $index-icon-outline; 
     48        outline: 0; 
     49        border-color: $index-icon-border; 
     50      } 
     51      span { 
     52        border-bottom-style: solid; 
     53      } 
     54    } 
     55  } 
    6056} 
    61  
    62  
    6357/* billet rapide */ 
    6458 
    6559#quick { 
    66      max-width: 72em; 
     60  max-width: 72em; 
    6761  margin: 1em auto 2em; 
    6862  padding: 1em; 
    69      background: $quick-background; 
     63  background: $quick-background; 
    7064  border: 1px solid $quick-border; 
    71      text-align: left; 
    72      h3 { 
    73           margin-bottom: 0.2em; 
    74           font-size: 1.2em; 
    75      } 
    76      p.qinfo { 
    77           margin: -.7em -1em 1em; 
    78           background: $quick-info-background url(msg-info.png) no-repeat .2em .2em; 
    79           border: 1px solid $quick-info-border; 
    80           padding: .2em 1em .1em 24px; 
    81           color: $quick-info-color; 
    82      } 
    83      #new_cat, 
    84      .q-cat, 
    85      .q-cat label { 
    86           display: inline-block; 
    87           vertical-align: top; 
    88           margin-right: 1em; 
    89           margin-top: 0; 
    90      } 
    91      .q-cat label { 
    92           margin-right: .3em; 
    93      } 
    94      #new_cat { 
    95           margin-bottom: 2em; 
    96      } 
     65  text-align: left; 
     66  h3 { 
     67    margin-bottom: 0.2em; 
     68    font-size: 1.2em; 
     69  } 
     70  p.qinfo { 
     71    margin: -.7em -1em 1em; 
     72    background: $quick-info-background url(msg-info.png) no-repeat .2em .2em; 
     73    border: 1px solid $quick-info-border; 
     74    padding: .2em 1em .1em 24px; 
     75    color: $quick-info-color; 
     76  } 
     77  #new_cat, .q-cat, .q-cat label { 
     78    display: inline-block; 
     79    vertical-align: top; 
     80    margin-right: 1em; 
     81    margin-top: 0; 
     82  } 
     83  .q-cat label { 
     84    margin-right: .3em; 
     85  } 
     86  #new_cat { 
     87    margin-bottom: 2em; 
     88  } 
    9789} 
    98  
    99  
    10090/* modules additionnels */ 
    10191 
    10292#dashboard-boxes { 
    103      margin: 1em auto 2em; 
    104      display: flex; 
    105      flex-wrap: wrap; 
    106      justify-content: center; 
    107      .box { 
    108           padding: 10px; 
    109           border: 1px solid $index-box-border; 
    110           border-radius: 3px; 
    111           min-height: 200px; 
    112           margin: 10px; 
    113           text-align: left; 
    114      } 
     93  margin: 1em auto 2em; 
     94  display: flex; 
     95  flex-wrap: wrap; 
     96  justify-content: center; 
     97  .box { 
     98    padding: 10px; 
     99    border: 1px solid $index-box-border; 
     100    border-radius: 3px; 
     101    min-height: 200px; 
     102    margin: 10px; 
     103    text-align: left; 
     104  } 
    115105} 
    116  
    117 .db-items, 
    118 .db-contents { 
    119      //   display: inline-block; 
    120      //   text-align: center; 
    121      display: flex; 
    122      flex-wrap: wrap; 
    123      justify-content: center; 
    124      flex: 1 1 auto; 
    125      img { 
    126           vertical-align: middle; 
    127      } 
    128      ul { 
    129           display: block; 
    130           padding-left: 1.5em; 
    131           list-style: square; 
    132      } 
    133      li { 
    134           margin: 0.25em 0 0 0; 
    135      } 
     106.db-items, .db-contents { 
     107  //  display: inline-block; 
     108  //  text-align: center; 
     109  display: flex; 
     110  flex-wrap: wrap; 
     111  justify-content: center; 
     112  flex: 1 1 auto; 
     113  img { 
     114    vertical-align: middle; 
     115  } 
     116  ul { 
     117    display: block; 
     118    padding-left: 1.5em; 
     119    list-style: square; 
     120  } 
     121  li { 
     122    margin: 0.25em 0 0 0; 
     123  } 
    136124} 
    137  
    138125.no-js .outgoing img { 
    139      display: none; 
     126  display: none; 
    140127} 
    141  
    142128.dc-box { 
    143      background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right; 
     129  background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right; 
    144130} 
    145  
    146131#news { 
    147      dt { 
    148           font-weight: bold; 
    149           margin: 0 0 0.4em 0; 
    150      } 
    151      dd { 
    152           margin: 0 0 1em 0; 
    153           p { 
    154                margin: 0.2em 0 0 0; 
    155           } 
    156      } 
     132  dt { 
     133    font-weight: bold; 
     134    margin: 0 0 0.4em 0; 
     135  } 
     136  dd { 
     137    margin: 0 0 1em 0; 
     138    p { 
     139      margin: 0.2em 0 0 0; 
     140    } 
     141  } 
    157142} 
Note: See TracChangeset for help on using the changeset viewer.

Sites map