Dotclear


Ignore:
Timestamp:
07/06/18 16:37:54 (7 years ago)
Author:
franck <carnet.franck.paul@…>
Branch:
default
Message:

Switch from img to input for expanding/hiding various contents (posts, module details, …)

Location:
admin/style
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • admin/style/default.css

    r3767 r3768  
    11811181  vertical-align: middle; } 
    11821182 
    1183 /* Boutons javascript (dépliage/repliage, …) */ 
    1184 .void-btn { 
    1185   border: none; 
    1186   border-radius: 0; 
    1187   padding: 0; } 
    1188  
    11891183/* validation */ 
    11901184input[type=submit], 
    … …  
    13281322  background: #ececec; 
    13291323  border: 1px solid #cbced1; } 
     1324 
     1325/* Boutons javascript (dépliage/repliage, …) */ 
     1326.void-btn { 
     1327  border: none; 
     1328  border-radius: 0; 
     1329  padding: 0; } 
     1330 
     1331input.details-cmd { 
     1332  font-size: 0.9em; 
     1333  border: none; 
     1334  border-radius: 0; 
     1335  padding: 0; 
     1336  margin: 0 5px 0 0; 
     1337  color: currentColor; 
     1338  background: transparent; 
     1339  } 
     1340  input.details-cmd:hover, input.details-cmd:focus { 
     1341    background: transparent; 
     1342    color: #bee74b; } 
    13301343 
    13311344/* specific buttons */ 
    … …  
    13801393  border-radius: 0; 
    13811394  padding: 0; 
    1382   background: none; } 
     1395  color: #000; 
     1396  background: transparent; } 
    13831397 
    13841398.addMeta button:not(.metaGetMore), 
    … …  
    13891403  .addMeta a:not(.metaGetMore):hover, 
    13901404  .addMeta a:not(.metaGetMore):focus { 
     1405    color: #000; 
    13911406    background: #abd0eb; } 
    13921407 
    … …  
    19852000a.form-control { 
    19862001  display: none; 
    1987   background: url(../images/expand.png) no-repeat 4px center; 
    1988   padding-left: 20px; 
    19892002  color: #000; } 
    1990   a.form-control.open { 
    1991     background: url(../images/hide.png) no-repeat 4px center; } 
     2003  a.form-control::before { 
     2004    content: "►"; 
     2005    margin-right: 5px; } 
     2006  a.form-control.open::before { 
     2007    content: "▼"; } 
    19922008 
    19932009#filters-form { 

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

    r3763 r3768  
    3535     vertical-align: middle; 
    3636} 
    37  
    38 /* Boutons javascript (dépliage/repliage, …) */ 
    39  
    40 .void-btn { 
    41      border: none; 
    42      border-radius: 0; 
    43      padding: 0; 
    44 } 
    45  
    4637 
    4738/* validation */ 
    … …  
    209200} 
    210201 
     202/* Boutons javascript (dépliage/repliage, …) */ 
     203 
     204.void-btn { 
     205  border: none; 
     206  border-radius: 0; 
     207  padding: 0; 
     208} 
     209 
     210input.details-cmd { 
     211  font-size: 0.9em; 
     212  border: none; 
     213  border-radius: 0; 
     214  padding: 0; 
     215  margin: 0 5px 0 0; 
     216  color: currentColor; 
     217  background: transparent; 
     218  &:hover, 
     219  &:focus { 
     220    background: transparent; 
     221    color: $input-focus; 
     222  } 
     223} 
    211224 
    212225/* specific buttons */ 
    … …  
    260273     border-radius: 0; 
    261274     padding: 0; 
    262      background: none; 
     275  color: $addmeta-color; 
     276     background: $addmeta-background; 
    263277} 
    264278 
    … …  
    269283     &:hover, 
    270284     &:focus { 
    271     background: $addmeta-background; 
     285    color: $addmeta-focus-color; 
     286    background: $addmeta-focus-background; 
    272287     } 
    273288} 

  • admin/style/scss/partials/_filters.scss

    r3763 r3768  
    11a.form-control { 
    22     display: none; 
    3      background: url(../images/expand.png) no-repeat 4px center; 
    4      padding-left: 20px; 
    53     color: $form-control-color; 
     4  &::before { 
     5    content: "►"; 
     6    margin-right: 5px; 
     7  } 
    68     &.open { 
    7           background: url(../images/hide.png) no-repeat 4px center; 
     9    &::before { 
     10      content: "▼"; 
     11    } 
    812     } 
    913} 

  • admin/style/scss/themes/_light.scss

    r3767 r3768  
    217217$gotop-border:                    none; 
    218218 
    219 $addmeta-background:              tint($light-blue, 10%);             // #abd0eb 
     219$addmeta-color:                   $black;                             // #000000 
     220$addmeta-background:              transparent; 
     221$addmeta-focus-color:             $black;                             // #000000 
     222$addmeta-focus-background:        tint($light-blue, 10%);             // #abd0eb 
    220223 
    221224// Messages 
Note: See TracChangeset for help on using the changeset viewer.

Sites map