Dotclear

Changeset 3513:49903df908f3 for admin


Ignore:
Timestamp:
01/12/17 15:31:17 (9 years ago)
Author:
franck <carnet.franck.paul@…>
Branch:
default
Message:

First attempt to fix post/page edition on different screen sizes

Location:
admin/style
Files:
7 edited

Legend:

Unmodified
Added
Removed

  • admin/style/default.css

    r3500 r3513  
    610610    width: 96%; 
    611611    margin-left: 0; 
    612     margin-right: 0; } 
    613  
    614   #entry-wrapper { 
    615     float: none; 
    616     width: 100%; 
    617     margin-right: 0; } 
    618  
    619   #entry-content { 
    620     margin-right: 0; 
    621     margin-left: 0; } 
    622  
    623   #entry-sidebar { 
    624     width: 100%; 
    625     float: none; } } 
     612    margin-right: 0; } } 
    626613@media screen and (max-width: 38em) { 
    627614  #header h1, 
    … …  
    865852  text-transform: uppercase; 
    866853  font-weight: bold; 
    867   color: #333; 
    868   text-shadow: 0 1px 0 rgba(200, 200, 200, 0.6); } 
     854  color: #333; } 
    869855 
    870856#entry-sidebar h5 { 
    … …  
    12231209  background-color: #25a6e1; 
    12241210  background-image: linear-gradient(to bottom, #25a6e1, #188bc0); 
    1225   border-color: #25a6e1; 
    1226   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } 
     1211  border-color: #25a6e1; } 
    12271212 
    12281213input[type=submit]:hover, 
    … …  
    12561241  background-image: linear-gradient(to bottom, #f9f9f9, #eaeaea); 
    12571242  background-repeat: repeat-x; 
    1258   border-color: #dfdfdf #dfdfdf #c5c5c5; 
    1259   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); } 
     1243  border-color: #dfdfdf #dfdfdf #c5c5c5; } 
    12601244 
    12611245button:hover, 
    … …  
    13081292  background-image: linear-gradient(to bottom, #dc5f59, #b33630); 
    13091293  background-repeat: repeat-x; 
    1310   border-color: #cd504a; 
    1311   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); } 
     1294  border-color: #cd504a; } 
    13121295 
    13131296#info-box a.button, 
    … …  
    13221305  background-image: linear-gradient(to bottom, #bee74b, #9bca1c); 
    13231306  border-color: #bee74b; 
    1324   padding: .33em 1.33em .5em; 
    1325   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); } 
     1307  padding: .33em 1.33em .5em; } 
    13261308 
    13271309.button.add:hover, 
    … …  
    13481330button.disabled, 
    13491331button[type=submit].disabled { 
    1350   text-shadow: none; 
    13511332  color: #676e78; 
    13521333  background: #F5F5F5; 
    … …  
    13721353  font-size: 0.825em; 
    13731354  color: #333; 
    1374   text-shadow: none; 
    13751355  background: #fff; 
    13761356  box-shadow: none; 
    … …  
    14171397.addMeta button:not(.metaGetMore), 
    14181398.addMeta a:not(.metaGetMore) { 
    1419   text-shadow: initial; 
    14201399  box-shadow: initial; 
    14211400  margin-bottom: 2px; } 
    … …  
    14341413  display: inline-block; 
    14351414  line-height: 1.5em; 
    1436   border-radius: 3px; 
    1437   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); } 
     1415  border-radius: 3px; } 
    14381416 
    14391417.warn, 
    … …  
    14811459.error { 
    14821460  background: #FFBABA url(msg-error.png) no-repeat 0.7em 0.7em; 
    1483   color: #000; 
    1484   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); } 
     1461  color: #000; } 
    14851462 
    14861463.message, 
    … …  
    14971474.success, 
    14981475.warning-msg { 
    1499   color: #000; 
    1500   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); } 
     1476  color: #000; } 
    15011477 
    15021478.success { 
    … …  
    15351511  border-radius: 8px; 
    15361512  background: #A2CBE9 url(msg-success.png) no-repeat 0.7em 0.7em; 
    1537   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 
    15381513  color: #000; 
    15391514  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); } 
    … …  
    17361711    border-top-left-radius: 0; 
    17371712    border-bottom-left-radius: 0; 
    1738     text-shadow: none; 
    17391713    border: none; 
    17401714    border-left: 1px solid #999; 
    … …  
    27502724  vertical-align: baseline; } 
    27512725 
     2726#entry-form { 
     2727  display: flex; 
     2728  flex-wrap: wrap; } 
     2729 
    27522730#entry-wrapper { 
    2753   float: left; 
    2754   width: 100%; 
    2755   margin-right: -16em; } 
     2731  flex-grow: 1; 
     2732  width: calc(100% - 19em); } 
     2733  @media screen and (max-width: 80em) { 
     2734    #entry-wrapper { 
     2735      width: 100%; } } 
    27562736 
    27572737#entry-content { 
    2758   margin-right: 18em; 
    2759   margin-left: 0; } 
     2738  margin-left: 0; 
     2739  padding-right: 3em; } 
     2740  @media screen and (max-width: 38em) { 
     2741    #entry-content { 
     2742      padding-right: 1em; } } 
    27602743 
    27612744#entry-sidebar { 
    2762   width: 16em; 
    2763   float: right; } 
     2745  display: flex; 
     2746  flex-wrap: wrap; 
     2747  flex-direction: column; } 
     2748  @media screen and (max-width: 80em) { 
     2749    #entry-sidebar { 
     2750      flex-direction: row; } } 
     2751  @media screen and (max-width: 38em) { 
     2752    #entry-sidebar { 
     2753      padding-right: 1em; } } 
    27642754  #entry-sidebar h4 { 
    27652755    font-size: 1.08em; 
    … …  
    27712761 
    27722762.sb-box { 
    2773   border-bottom: 1px solid #dfdfdf; 
    2774   margin-bottom: 1em; } 
     2763  width: 18em; 
     2764  margin-bottom: 1em; 
     2765  margin-right: 1em; 
     2766  padding: .5em 1em; 
     2767  background-color: #f3f3f3; } 
    27752768 
    27762769#tb_excerpt { 

  • admin/style/scss/partials/_buttons.scss

    r3465 r3513  
    6464     @include background-image(linear-gradient(to bottom, #25a6e1, #188bc0)); 
    6565     border-color: #25a6e1; 
    66      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    6766} 
    6867 
    … …  
    101100     background-repeat: repeat-x; 
    102101     border-color: #dfdfdf #dfdfdf #c5c5c5; 
    103      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); 
    104102} 
    105103 
    … …  
    158156     background-repeat: repeat-x; 
    159157     border-color: #cd504a; 
    160      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 
    161158} 
    162159 
    … …  
    174171     border-color: #bee74b; 
    175172     padding: .33em 1.33em .5em; 
    176      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 
    177      //    font-weight: normal; 
    178      //    font-size: 1.16em; 
    179173} 
    180174 
    … …  
    209203button.disabled, 
    210204button[type=submit].disabled { 
    211      text-shadow: none; 
    212205     color: #676e78; 
    213206     background: #F5F5F5; 
    … …  
    238231     font-size: 0.825em; 
    239232     color: #333; 
    240      text-shadow: none; 
    241233     background: #fff; 
    242234     box-shadow: none; 
    … …  
    281273.addMeta button:not(.metaGetMore), 
    282274.addMeta a:not(.metaGetMore) { 
    283      text-shadow: initial; 
    284275     box-shadow: initial; 
    285276     margin-bottom: 2px; 

  • admin/style/scss/partials/_entry.scss

    r3439 r3513  
     1#entry-form { 
     2     display: flex; 
     3     flex-wrap: wrap; 
     4} 
     5 
    16#entry-wrapper { 
    2      float: left; 
    3      width: 100%; 
    4      margin-right: -16em; 
     7     flex-grow: 1; 
     8     width: calc(100% - 19em); 
     9     @media screen and (max-width: $xl-screen) { 
     10          width: 100%; 
     11     } 
    512} 
    613 
    714#entry-content { 
    8      margin-right: 18em; 
    915     margin-left: 0; 
     16     padding-right: 3em; 
     17     @media screen and (max-width: $xs-screen) { 
     18          padding-right: 1em; 
     19     } 
    1020} 
    1121 
    1222#entry-sidebar { 
    13      width: 16em; 
    14      float: right; 
     23     display: flex; 
     24     flex-wrap: wrap; 
     25     flex-direction: column; 
     26     @media screen and (max-width: $xl-screen) { 
     27          flex-direction: row; 
     28     } 
     29     @media screen and (max-width: $xs-screen) { 
     30          padding-right: 1em; 
     31     } 
     32 
    1533     h4 { 
    1634          font-size: 1.08em; 
    … …  
    2644 
    2745.sb-box { 
    28      border-bottom: 1px solid #dfdfdf; 
     46     width: 18em; 
    2947     margin-bottom: 1em; 
     48     margin-right: 1em; 
     49     padding: .5em 1em; 
     50     background-color: $secondary-background; 
    3051} 
    3152 

  • admin/style/scss/partials/_layout.scss

    r3439 r3513  
    400400          margin-right: 0; 
    401401     } 
    402      #entry-wrapper { 
    403           float: none; 
    404           width: 100%; 
    405           margin-right: 0; 
    406      } 
    407      #entry-content { 
    408           margin-right: 0; 
    409           margin-left: 0; 
    410      } 
    411      #entry-sidebar { 
    412           width: 100%; 
    413           float: none; 
    414      } 
    415402} 
    416403 

  • admin/style/scss/partials/_main-menu.scss

    r3439 r3513  
    8585          border-top-left-radius: 0; 
    8686          border-bottom-left-radius: 0; 
    87           text-shadow: none; 
    8887          border: none; 
    8988          border-left: 1px solid #999; 

  • admin/style/scss/partials/_markup.scss

    r3439 r3513  
    5353     font-weight: bold; 
    5454     color: #333; 
    55      text-shadow: 0 1px 0 rgba(200, 200, 200, 0.6) 
    5655} 
    5756 

  • admin/style/scss/partials/_messages.scss

    r3460 r3513  
    99     line-height: 1.5em; 
    1010     border-radius: 3px; 
    11      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) 
    1211} 
    1312 
    … …  
    6362     background: #FFBABA url(msg-error.png) no-repeat .7em .7em; 
    6463     color: #000; 
    65      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 
    6664} 
    6765 
    … …  
    8280.warning-msg { 
    8381     color: #000; 
    84      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) 
    8582} 
    8683 
    … …  
    126123     border-radius: 8px; 
    127124     background: #A2CBE9 url(msg-success.png) no-repeat .7em .7em; 
    128      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 
    129125     color: #000; 
    130126     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); 
Note: See TracChangeset for help on using the changeset viewer.

Sites map