Revision cd670dfa
Von Hans Peter Schlaepfer vor etwa 5 Jahren hinzugefügt
- ID cd670dfafdb3560614634765e2a377946ff1809b
- Vorgänger ff33b093
| css/less/menu_actionbar.less | ||
|---|---|---|
| 1 |
/* ------------------------------------------------------------- */ |
|
| 2 |
/* Menu Actionbar (menu_actionbar.less) */ |
|
| 3 |
/* ------------------------------------------------------------- */ |
|
| 4 |
|
|
| 1 | 5 |
// ---------------------------------------------------------------------------- |
| 2 | 6 |
// |
| 3 | 7 |
// ACTIONBAR |
| ... | ... | |
| 49 | 53 |
} |
| 50 | 54 |
|
| 51 | 55 |
& > div.layout-actionbar-action{
|
| 52 |
border-radius: 0.3em ;
|
|
| 56 |
border-radius: @actionbar-border-radius ;
|
|
| 53 | 57 |
border: 1px @actionbar-border-color solid; |
| 54 | 58 |
background-color: @actionbar-bg ; |
| 55 | 59 |
float: left; |
| ... | ... | |
| 66 | 70 |
div.layout-actionbar-submit, |
| 67 | 71 |
div.layout-actionbar-scriptbutton {
|
| 68 | 72 |
display: block; |
| 69 |
//width: 90px;
|
|
| 70 |
width: 110px;
|
|
| 73 |
min-width: 90px;
|
|
| 74 |
width: auto;
|
|
| 71 | 75 |
box-sizing: border-box; |
| 72 | 76 |
border-width: 1px; |
| 73 | 77 |
border-style: solid; |
| 74 | 78 |
text-align: center; |
| 75 |
padding: 4px 4px;
|
|
| 79 |
padding: 4px 10px;
|
|
| 76 | 80 |
cursor: default; |
| 77 | 81 |
&:focus{
|
| 78 |
border-color: darkgray; |
|
| 79 |
background-color: whitesmoke;
|
|
| 82 |
border-color: darkgray; // PENDENT: Button Border
|
|
| 83 |
background-color: @actionbar-bg-active;
|
|
| 80 | 84 |
} |
| 81 | 85 |
&:hover {
|
| 82 | 86 |
border-width: 1px; |
| ... | ... | |
| 107 | 111 |
|
| 108 | 112 |
>div {
|
| 109 | 113 |
//width: 5.4em; |
| 110 |
width: 90px; |
|
| 114 |
min-width: 90px;
|
|
| 111 | 115 |
height: 25px; |
| 112 |
border-top-left-radius: 0.3em ;
|
|
| 113 |
border-bottom-left-radius: 0.3em ;
|
|
| 116 |
border-top-left-radius: @actionbar-border-radius ;
|
|
| 117 |
border-bottom-left-radius: @actionbar-border-radius ;
|
|
| 114 | 118 |
border: 1px @actionbar-border-color solid; |
| 115 | 119 |
background-color: @actionbar-bg; |
| 116 | 120 |
color: @actionbar-font-color; |
| ... | ... | |
| 126 | 130 |
height: 25px !important; |
| 127 | 131 |
border: 1px @actionbar-border-color solid; |
| 128 | 132 |
border-left: none; |
| 129 |
border-top-right-radius: 0.3em ;
|
|
| 130 |
border-bottom-right-radius: 0.3em ;
|
|
| 133 |
border-top-right-radius: @actionbar-border-radius ;
|
|
| 134 |
border-bottom-right-radius: @actionbar-border-radius ;
|
|
| 131 | 135 |
padding: 4px; |
| 132 | 136 |
background-color: @actionbar-bg ; |
| 133 | 137 |
//background-image: url("../image/select-down.png") no-repeat;
|
| ... | ... | |
| 144 | 148 |
float: right; |
| 145 | 149 |
overflow: hidden; |
| 146 | 150 |
border: 1px solid @actionbar-border-color ; |
| 147 |
border-top-left-radius: 0.3em;
|
|
| 148 |
border-bottom-left-radius: 0.3em;
|
|
| 149 |
border-bottom-right-radius: 0.3em;
|
|
| 151 |
border-top-left-radius: @actionbar-border-radius;
|
|
| 152 |
border-bottom-left-radius: @actionbar-border-radius;
|
|
| 153 |
border-bottom-right-radius: @actionbar-border-radius;
|
|
| 150 | 154 |
z-index: @zindex-actionbar-combobox-list ; |
| 151 | 155 |
top: 1px; |
| 152 |
padding-bottom: 0.6em; |
|
| 153 |
background-color: @actionbar-bg !important ;
|
|
| 156 |
//padding-bottom: 0.6em;
|
|
| 157 |
background-color: @actionbar-bg ; |
|
| 154 | 158 |
|
| 155 | 159 |
div.layout-actionbar-action {
|
| 156 | 160 |
white-space: nowrap; |
| ... | ... | |
| 160 | 164 |
text-align: left; |
| 161 | 165 |
padding: 0.6em 0.6em 0.6em 1.0em; |
| 162 | 166 |
border-bottom: none !important; |
| 163 |
background-color: @actionbar-bg !important ;
|
|
| 167 |
background-color: @actionbar-bg ; |
|
| 164 | 168 |
color: @actionbar-font-color; |
| 165 | 169 |
|
| 170 |
// PENDENT: *-active ersetzen durch -hover |
|
| 166 | 171 |
&:hover {
|
| 167 |
color: #000;
|
|
| 172 |
color: @actionbar-font-color-active;
|
|
| 168 | 173 |
text-decoration: underline; |
| 174 |
background-color: @actionbar-bg-active; |
|
| 169 | 175 |
} |
| 170 | 176 |
} |
| 171 | 177 |
} // /.layout-actionbar-combobox-list |
Auch abrufbar als: Unified diff
Erweiterung und Optimierung less und css fuer Design 4.0