Development

Changeset 22606

You must first sign up to be able to contribute.

Changeset 22606

Show
Ignore:
Timestamp:
09/29/09 20:18:03 (4 years ago)
Author:
ornicar2
Message:

[Diem] added extensible toolbar flavour configuration

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • plugins/diemPlugin/trunk/dmAdminPlugin/config/dm/project.yml

    r22128 r22606  
    99      name:               'html'                    # Doctype ( 'html', 'xhtml' ) 
    1010      version:            '5'                       # Doctype xhtml version ( '1.0', '1.1' ) or html version ( '4', '5' ) 
    11      
     11 
    1212  pageBar: 
    1313    enabled:              true 

  • plugins/diemPlugin/trunk/dmAdminPlugin/modules/dmInterface/templates/_toolBar.php

    r22552 r22606  
    11<?php 
    22 
    3 echo £o('div#dm_tool_bar.clearfix'); 
     3echo £o('div#dm_tool_bar.clearfix.'.sfConfig::get('dm_toolBar_flavour', 'blue')); 
    44 
    55  echo £link('dmAuth/signout')->textTitle($sf_user->getUsername().' : '.__('Logout'))->set('.widget16.s16block.s16_signout'); 
    …… 
    2121  if (isset($cultureSelect)) 
    2222  { 
    23     echo £('div.widget16.mt5', $cultureSelect->render('dm_select_culture', $sf_user->getCulture())); 
     23    echo £('div.widget16.mt3', $cultureSelect->render('dm_select_culture', $sf_user->getCulture())); 
    2424  } 
    2525   

  • plugins/diemPlugin/trunk/dmAdminPlugin/web/css/bars.css

    r22604 r22606  
    11#dm_tool_bar { 
    22  top: 0; 
    3   border-bottom:1px solid #D3D3D3; 
    43  -moz-box-shadow: 0 4px 4px #888; 
    5    
    6   background: url(../../core/images/blue_bg.png) center left repeat-x; 
    7   border-bolor: #216d90;   
    8 } 
    9  
    10 #dm_tool_bar a { 
    11   color: #fff; 
    12 } 
    13  
    14 #dm_tool_bar li:hover a, 
    15 #dm_tool_bar li.ui-state-active a { 
    16   color: #222; 
    174} 
    185 
    196#dm_media_bar { 
    207  position: fixed; 
    21   top: 30px; 
     8  top: 28px; 
    229} 
    2310 
    2411#dm_page_bar { 
    2512  position: fixed; 
    26   top: 30px; 
     13  top: 28px; 
    2714} 
    2815 
    29 #dm_tool_bar .dm_menu { 
     16#dm_tool_bar div.dm_menu { 
    3017  margin: 0 3px; 
    3118} 
    3219#dm_tool_bar ul.level0 { 
    3320  position: relative; 
    34   padding:0.2em 0.2em 0; 
     21  padding: 2px 2px 0 2px; 
    3522} 
    3623#dm_tool_bar ul.level0 > li { 
    …… 
    3926  padding: 1px 1px 0 1px; 
    4027  position:relative; 
    41   height: 26px; 
     28  height: 25px; 
    4229  cursor: default; 
    4330  background: none; 
    4431  border: none; 
    4532} 
    46 #dm_tool_bar .level0 > li > a { 
     33#dm_tool_bar ul.level0 > li.ui-state-active { 
     34  background: #fff; 
     35  border: 1px solid #aaa; 
     36  border-bottom: none; 
     37  padding: 0; 
     38} 
     39#dm_tool_bar ul.level0 > li > a { 
    4740  float:left; 
    48   padding: 4px 10px 1px 10px; 
     41  padding: 3px 10px 1px 10px; 
    4942  text-decoration:none; 
    5043  font-size: 13px; 
    …… 
    5346  letter-spacing: 1px; 
    5447} 
    55 #dm_tool_bar .level0 > li:hover { 
    56   background: #fff; 
    57   border: 1px solid #267fa7; 
    58   border-bottom: none; 
    59   padding: 0; 
    60 } 
    61 #dm_tool_bar .level0 > li.ui-state-active { 
    62   background: #fff; 
    63   border: 1px solid #267fa7; 
    64   border-bottom: none; 
    65   padding: 0; 
     48#dm_tool_bar ul.level0 > li.ui-state-active > a { 
     49  color: #222; 
    6650} 
    6751 
    …… 
    6953  font-size: 12px; 
    7054  position: absolute; 
    71   top: 26px; 
     55  top: 25px; 
    7256  width: 200px; 
    7357  border-top: 0; 
    74   padding: 0 10px 10px 10px; 
     58  padding: 0 10px 5px 10px; 
    7559  -moz-border-radius: 0 0 4px 4px; 
    7660  -webkit-border-radius:  0 0 4px 4px; 
    …… 
    8468} 
    8569 
    86 #dm_tool_bar ul.level0 > li.ui-state-active .level1 { 
     70#dm_tool_bar ul.level0 > li.ui-state-active ul.level1 { 
    8771  left: -1px; 
    8872} 
    …… 
    9175  display: block; 
    9276  float: none; 
    93   padding-top: 10px; 
     77  padding: 5px 0; 
    9478} 
    9579 
    …… 
    130114} 
    131115 
    132 #dm_tool_bar .dm_load_monitor { 
     116#dm_tool_bar a.dm_load_monitor { 
    133117  margin-top: 3px; 
    134118  display: block; 
    …… 
    143127} 
    144128 
    145 #dm_tool_bar .dm_load_monitor span { 
     129#dm_tool_bar a.dm_load_monitor > span { 
    146130  display: block; 
    147131  position: absolute; 

  • plugins/diemPlugin/trunk/dmCorePlugin/config/dm/project.yml

    r22408 r22606  
    7676    config_fast_dump:     true          # use print_r instead of sfYaml::dump to show config in web debug panel. ( ~40x faster ) 
    7777     
     78  toolBar: 
     79    flavour:              blue          # the toolbar flavour. Diem default values: grey, blue, green, brown, black 
     80                                        # You can also set a custom flavour and style #dm_tool_bar.flavour_name in your css path 
     81     
    7882###### dm internal config ###### 
    7983 

  • plugins/diemPlugin/trunk/dmCorePlugin/web/css/toolBar.css

    r22539 r22606  
    33  left: 0; 
    44  width: 100%; 
    5   height: 29px; 
     5  height: 28px; 
    66  z-index: 1; 
    77  padding: 0; 
    88   
    9   background: #CCCCCC url(../images/default_bg.png) center left repeat-x; 
    10   color:#222222; 
     9  background: #ccc url(../images/default_bg.png) center left repeat-x; 
     10  color:#222; 
    1111  font-size: 12px; 
    1212   
    …… 
    1414} 
    1515 
     16#dm_tool_bar.blue { 
     17  background: #ccc url(../images/tool_bar_blue_bg.png) top left repeat-x; 
     18  color: #fff; 
     19} 
     20 
     21#dm_tool_bar.green { 
     22  background: #ccc url(../images/tool_bar_green_bg.png) top left repeat-x; 
     23  color: #fff; 
     24} 
     25 
     26#dm_tool_bar.brown { 
     27  background: #ccc url(../images/tool_bar_brown_bg.png) top left repeat-x; 
     28  color: #fff; 
     29} 
     30 
     31#dm_tool_bar.black { 
     32  background: #ccc url(../images/tool_bar_black_bg.png) top left repeat-x; 
     33  color: #fff; 
     34} 
     35 
     36#dm_tool_bar.blue a, 
     37#dm_tool_bar.green a, 
     38#dm_tool_bar.brown a, 
     39#dm_tool_bar.black a { 
     40  color: #fff; 
     41} 
     42 
    1643#dm_tool_bar .widget16 { 
    1744  display: block; 
    1845  float: left; 
    19   margin: 7px 3px 0 3px; 
     46  margin: 6px 3px 0 3px; 
    2047  line-height: 16px; 
     48} 
     49 
     50#dm_tool_bar .widget16.mt3 { 
     51  margin-top: 3px; 
    2152} 
    2253 

  • plugins/diemPlugin/trunk/dmFrontPlugin/modules/dmInterface/templates/_toolBar.php

    r22584 r22606  
    11<?php 
    22 
    3 echo £o('div#dm_tool_bar.dm.clearfix'); 
     3echo £o('div#dm_tool_bar.dm.clearfix.'.sfConfig::get('dm_toolBar_flavour', 'blue')); 
    44 
    55  echo £('a.show_tool_bar_toggle.s16block.s16_chevron_'.($sf_user->getShowToolBar() ? 'down' : 'up'), '+'); 
    …… 
    1818  if (isset($cultureSelect)) 
    1919  { 
    20     echo £('div.widget16.mt5', $cultureSelect->render('dm_select_culture', $sf_user->getCulture())); 
     20    echo £('div.widget16.mt3', $cultureSelect->render('dm_select_culture', $sf_user->getCulture())); 
    2121  } 
    2222   
    23   echo £('div.widget16.mt5', $themeSelect->render('dm_select_theme', $sf_user->getTheme()->getKey())); 
     23  echo £('div.widget16.mt3', $themeSelect->render('dm_select_theme', $sf_user->getTheme()->getKey())); 
    2424 
    2525  if (sfConfig::get('dm_html_validate', true) && $sf_user->can('html_validate_front')) 

  • plugins/diemPlugin/trunk/dmFrontPlugin/web/css/toolBar.css

    r22539 r22606  
    55#dm_tool_bar { 
    66  bottom: 0; 
    7   border-top: 1px solid #D3D3D3; 
    8   border-bottom: 1px solid #D3D3D3; 
    97  -moz-box-shadow: 0 -4px 4px #888; 
    108} 
    …… 
    2725} 
    2826 
    29 #dm_tool_bar .dm_menu { 
     27#dm_tool_bar div.dm_menu { 
    3028  margin: 0 3px; 
    3129  color: #888; 
    3230} 
    3331 
    34 #dm_tool_bar .dm_menu .strong { 
     32#dm_tool_bar div.dm_menu .strong { 
    3533  font-weight: bold; 
    3634} 
    3735 
    38 #dm_tool_bar .level0 { 
     36#dm_tool_bar ul.level0 { 
    3937  position: relative; 
    40   padding:0 0.2em 0.2em; 
     38  padding:0 2px 2px 2px; 
    4139} 
    42 #dm_tool_bar .level0 > li { 
     40#dm_tool_bar ul.level0 > li { 
    4341  float:left; 
    44   margin: 0; 
    45   padding: 1px 1px 0 1px; 
     42  padding: 0 1px 1px 1px; 
    4643  position:relative; 
    47   height: 26px; 
     44  height: 25px; 
    4845  cursor: default; 
    4946  background: none; 
    5047  border: none; 
    5148} 
    52 #dm_tool_bar .level0 > li > a { 
     49#dm_tool_bar ul.level0 > li > a { 
    5350  float:left; 
    54   padding: 6px 10px 0px 10px; 
     51  padding: 5px 10px 0px 10px; 
    5552  text-decoration:none; 
    5653  font-size: 1.1em; 
    5754  cursor: pointer; 
    58   height: 22px; 
     55  height: 20px; 
    5956} 
    60 #dm_tool_bar .level0 > li:hover { 
    61   background: url(../../core/images/default_bg_blue.png) center left repeat-x; 
    62   border: 1px solid #D3D3D3; 
    63   border-top: none; 
    64   padding: 1px 0 0 0; 
    65 } 
    66 #dm_tool_bar .level0 > li.ui-state-active { 
     57 
     58#dm_tool_bar ul.level0 > li.ui-state-active { 
    6759  background: #fff; 
    6860  border: 1px solid #aaa; 
    69   border-top: 1px solid #fff; 
     61  border-top: none; 
    7062  padding: 0; 
    7163} 
    7264 
    73 #dm_tool_bar .level1 { 
     65#dm_tool_bar ul.level0 > li.ui-state-active > a { 
     66  color: #222; 
     67} 
     68 
     69#dm_tool_bar ul.level1 { 
    7470  font-size: 12px; 
    7571  position: absolute; 
    76   bottom: 27px; 
     72  bottom: 25px; 
    7773  width: 470px; 
    78   border-bottom: 0; 
     74  border-bottom: none; 
    7975  padding: 0 10px 10px 10px; 
    8076  -moz-border-radius: 4px 4px 0 0; 
    …… 
    8985} 
    9086 
    91 #dm_tool_bar .level0 > li.ui-state-active .level1 { 
     87#dm_tool_bar ul.level0 > li.ui-state-active ul.level1 { 
    9288  left: -1px; 
    9389} 
    9490 
    95 #dm_tool_bar .level1 > li { 
     91#dm_tool_bar ul.level1 > li { 
    9692  display: block; 
    9793  float: none; 
    …… 
    9995} 
    10096 
    101 #dm_tool_bar .level1 > li > a { 
     97#dm_tool_bar ul.level1 > li > a { 
    10298  text-transform: uppercase; 
    10399  font-weight: bold; 
    …… 
    106102  cursor: default; 
    107103} 
    108 #dm_tool_bar .level1 > li > a:hover { 
     104 
     105#dm_tool_bar ul.level1 > li > a:hover { 
    109106  text-decoration: none; 
    110107} 
    111108 
    112 #dm_tool_bar .level2 { 
    113 } 
    114  
    115 #dm_tool_bar .level2 > li { 
     109#dm_tool_bar ul.level2 > li { 
    116110  margin-left: 20px; 
    117111  color: #aaa; 
    …… 
    122116} 
    123117 
    124 #dm_tool_bar .dm_menu .level2 li span.move { 
     118#dm_tool_bar ul.level2 li span.move { 
    125119  cursor: move; 
    126120  display:block; 
    …… 
    134128} 
    135129 
    136 #dm_tool_bar .dm_menu .level2 li span.move:hover { 
     130#dm_tool_bar ul.level2 li span.move:hover { 
    137131  color: #444; 
    138132  background: url(../../core/images/default_bg_blue.png) repeat-x scroll 50% 50%; 
    139133} 
    140134 
    141 #dm_tool_bar .level2 > li a { 
     135#dm_tool_bar ul.level2 > li a { 
    142136  display: block; 
    143137  padding: 1px 0; 
    144138  color: #666; 
    145 } 
    146  
    147 #dm_tool_bar .level2 > li a:hover { 
    148   color: #444; 
    149   text-decoration: underline; 
    150139} 
    151140