Changeset 86140 in spip-zone


Ignore:
Timestamp:
Nov 17, 2014, 10:49:48 PM (5 years ago)
Author:
rastapopoulos@…
Message:

Résolution du second problème : on déplace tous les styles qui concernent le fullscreen dans la feuille commune. Cette fonctionnalité marche donc tout aussi bien dans le site public. Au passage on renforce certains styles, notamment l'onglet avec l'icône fullscreen, pour qu'il soit toujours à la bonne taille (en pixel toujours), et avec l'icône (car ça virait en FOCUS avec Tinytypo… hum hum).

Location:
_core_/plugins/porte_plume
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _core_/plugins/porte_plume/css/barre_outils.css

    r86138 r86140  
    199199}
    200200
     201/******************************************************************************/
     202/* Fullscreen */
     203.markItUp .markItUpContainer.fullscreen {
     204    position: fixed;
     205    top:0;
     206    left:0;
     207    height: 100%;
     208    width: 100%;
     209    background: #DDD;
     210          z-index:1002; /* par dessus le bandeau nav */
     211}
     212.markItUp .fullscreen .markItUpHeader{
     213    position: absolute;
     214    top:0;
     215    right: 50%;
     216    width: 50%;
     217    max-width: 40em;
     218}
     219.markItUp .fullscreen .markItUpEditor{
     220    position: absolute !important;
     221    top:0;
     222    right: 50%;
     223    width: 50%;
     224    max-width: 40em;
     225    height: 95% !important;
     226    margin-top: 30px;
     227}
     228.markItUp .fullscreen .markItUpPreview{
     229    position: absolute;
     230    top:0;
     231    left: 50%;
     232    width: 50%;
     233    max-width: 40em;
     234    height: 95% !important;
     235    margin-top: 30px;
     236    display: block !important;
     237    -moz-box-sizing: border-box;
     238    -webkit-box-sizing: border-box;
     239    box-sizing: border-box;
     240}
     241
     242.markItUp .fullscreen .markItUpTabs {
     243    position: absolute;
     244    left: 50%;
     245    width: 50%;
     246    max-width: 40em;
     247}
     248.markItUp .fullscreen .markItUpTabs .previsuVoir,
     249.markItUp .fullscreen .markItUpTabs .previsuEditer,
     250.markItUp .fullscreen .markItUpFooter {
     251    display: none;
     252}
     253.markItUp .markItUpTabs .fullscreen {
     254        text-indent: -1000em;
     255        text-align: left;
     256        font-size: 1px;
     257        line-height:18px;
     258        background-image: url(img/arrow_out.png) !important;
     259        background-position:center center !important;
     260        background-repeat:no-repeat !important;
     261        -moz-box-sizing: content-box;
     262    -webkit-box-sizing: content-box;
     263    box-sizing: content-box;
     264        width: 16px;
     265}
     266.markItUp .fullscreen .markItUpTabs .fullscreen {
     267        background-image: url(img/arrow_in.png) !important;
     268}
     269
    201270/* end */
  • _core_/plugins/porte_plume/css/barre_outils_prive.css

    r86138 r86140  
    1313        line-height: 1.4em;
    1414}
    15 
    16 
    17 .markItUp .markItUpContainer.fullscreen {
    18     position: fixed;
    19     top:0;
    20     left:0;
    21     height: 100%;
    22     width: 100%;
    23     background: #DDD;
    24           z-index:1002; /* par dessus le bandeau nav */
    25 }
    26 .markItUp .fullscreen .markItUpHeader{
    27     position: absolute;
    28     top:0;
    29     right: 50%;
    30     width: 50%;
    31     max-width: 40em;
    32 }
    33 .markItUp .fullscreen .markItUpEditor{
    34     position: absolute !important;
    35     top:0;
    36     right: 50%;
    37     width: 50%;
    38     max-width: 40em;
    39     height: 95% !important;
    40     margin-top: 30px;
    41 }
    42 
    43 .markItUp .fullscreen .markItUpPreview{
    44     position: absolute;
    45     top:0;
    46     left: 50%;
    47     width: 50%;
    48     max-width: 40em;
    49     height: 95% !important;
    50     margin-top: 30px;
    51     display: block !important;
    52     -moz-box-sizing: border-box;
    53     -webkit-box-sizing: border-box;
    54     box-sizing: border-box;
    55 }
    56 
    57 .markItUp .fullscreen .markItUpTabs {
    58     position: absolute;
    59     left: 50%;
    60     width: 50%;
    61     max-width: 40em;
    62 }
    63 .markItUp .fullscreen .markItUpTabs .previsuVoir,
    64 .markItUp .fullscreen .markItUpTabs .previsuEditer,
    65 .markItUp .fullscreen .markItUpFooter {
    66     display: none;
    67 }
    68 
    69 .markItUp .markItUpTabs .fullscreen { text-indent: -1000em; text-align: left; font-size: 1px; background: url(img/arrow_out.png) center no-repeat; width: 16px; }
    70 .markItUp .fullscreen .markItUpTabs .fullscreen { background-image: url(img/arrow_in.png); }
  • _core_/plugins/porte_plume/paquet.xml

    r86138 r86140  
    22        prefix="porte_plume"
    33        categorie="edition"
    4         version="1.15.2"
     4        version="1.15.3"
    55        etat="stable"
    66        compatibilite="[3.0.0;3.1.*]"
Note: See TracChangeset for help on using the changeset viewer.