Revision 00462921
Von Hans P. Schlaepfer vor mehr als 3 Jahren hinzugefügt
| css/less/menu_actionbar.less | ||
|---|---|---|
| 1 |
/* ------------------------------------------------------------- */ |
|
| 2 |
/* Menu Actionbar (menu_actionbar.less) */ |
|
| 3 |
/* ------------------------------------------------------------- */ |
|
| 4 |
|
|
| 1 | 5 |
// ---------------------------------------------------------------------------- |
| 2 | 6 |
// |
| 3 | 7 |
// ACTIONBAR |
| ... | ... | |
| 46 | 50 |
user-select: none; |
| 47 | 51 |
height: 25px; |
| 48 | 52 |
font-size: @font-size-smaller ; |
| 53 |
|
|
| 54 |
&.layout-actionbar-action-disabled{
|
|
| 55 |
color: @actionbar-font-color-disabled !important; |
|
| 56 |
&:hover{ text-decoration: none !important; }
|
|
| 57 |
} |
|
| 49 | 58 |
} |
| 50 | 59 |
|
| 51 | 60 |
& > div.layout-actionbar-action{
|
| 52 |
border-radius: 0.3em ;
|
|
| 61 |
border-radius: @actionbar-border-radius ;
|
|
| 53 | 62 |
border: 1px @actionbar-border-color solid; |
| 54 | 63 |
background-color: @actionbar-bg ; |
| 55 | 64 |
float: left; |
| ... | ... | |
| 66 | 75 |
div.layout-actionbar-submit, |
| 67 | 76 |
div.layout-actionbar-scriptbutton {
|
| 68 | 77 |
display: block; |
| 69 |
//width: 90px;
|
|
| 70 |
width: 110px;
|
|
| 78 |
min-width: 90px;
|
|
| 79 |
width: auto;
|
|
| 71 | 80 |
box-sizing: border-box; |
| 72 | 81 |
border-width: 1px; |
| 73 | 82 |
border-style: solid; |
| 74 | 83 |
text-align: center; |
| 75 |
padding: 4px 4px;
|
|
| 84 |
padding: 4px 10px;
|
|
| 76 | 85 |
cursor: default; |
| 77 | 86 |
&:focus{
|
| 78 |
border-color: darkgray; |
|
| 79 |
background-color: whitesmoke;
|
|
| 87 |
border-color: darkgray; // PENDENT: Button Border
|
|
| 88 |
background-color: @actionbar-bg-active;
|
|
| 80 | 89 |
} |
| 81 | 90 |
&:hover {
|
| 82 | 91 |
border-width: 1px; |
| ... | ... | |
| 107 | 116 |
|
| 108 | 117 |
>div {
|
| 109 | 118 |
//width: 5.4em; |
| 110 |
width: 90px; |
|
| 119 |
min-width: 90px;
|
|
| 111 | 120 |
height: 25px; |
| 112 |
border-top-left-radius: 0.3em ;
|
|
| 113 |
border-bottom-left-radius: 0.3em ;
|
|
| 121 |
border-top-left-radius: @actionbar-border-radius ;
|
|
| 122 |
border-bottom-left-radius: @actionbar-border-radius ;
|
|
| 114 | 123 |
border: 1px @actionbar-border-color solid; |
| 115 | 124 |
background-color: @actionbar-bg; |
| 116 | 125 |
color: @actionbar-font-color; |
| ... | ... | |
| 126 | 135 |
height: 25px !important; |
| 127 | 136 |
border: 1px @actionbar-border-color solid; |
| 128 | 137 |
border-left: none; |
| 129 |
border-top-right-radius: 0.3em ;
|
|
| 130 |
border-bottom-right-radius: 0.3em ;
|
|
| 138 |
border-top-right-radius: @actionbar-border-radius ;
|
|
| 139 |
border-bottom-right-radius: @actionbar-border-radius ;
|
|
| 131 | 140 |
padding: 4px; |
| 132 | 141 |
background-color: @actionbar-bg ; |
| 133 | 142 |
//background-image: url("../image/select-down.png") no-repeat;
|
| ... | ... | |
| 144 | 153 |
float: right; |
| 145 | 154 |
overflow: hidden; |
| 146 | 155 |
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;
|
|
| 156 |
border-top-left-radius: @actionbar-border-radius;
|
|
| 157 |
border-bottom-left-radius: @actionbar-border-radius;
|
|
| 158 |
border-bottom-right-radius: @actionbar-border-radius;
|
|
| 150 | 159 |
z-index: @zindex-actionbar-combobox-list ; |
| 151 | 160 |
top: 1px; |
| 152 |
padding-bottom: 0.6em; |
|
| 153 |
background-color: @actionbar-bg !important ;
|
|
| 161 |
//padding-bottom: 0.6em;
|
|
| 162 |
background-color: @actionbar-bg ; |
|
| 154 | 163 |
|
| 155 | 164 |
div.layout-actionbar-action {
|
| 156 | 165 |
white-space: nowrap; |
| ... | ... | |
| 160 | 169 |
text-align: left; |
| 161 | 170 |
padding: 0.6em 0.6em 0.6em 1.0em; |
| 162 | 171 |
border-bottom: none !important; |
| 163 |
background-color: @actionbar-bg !important ;
|
|
| 172 |
background-color: @actionbar-bg ; |
|
| 164 | 173 |
color: @actionbar-font-color; |
| 165 | 174 |
|
| 175 |
// PENDENT: *-active ersetzen durch -hover |
|
| 166 | 176 |
&:hover {
|
| 167 |
color: #000;
|
|
| 177 |
color: @actionbar-font-color-active;
|
|
| 168 | 178 |
text-decoration: underline; |
| 179 |
background-color: @actionbar-bg-active; |
|
| 169 | 180 |
} |
| 170 | 181 |
} |
| 171 | 182 |
} // /.layout-actionbar-combobox-list |
| ... | ... | |
| 177 | 188 |
border-bottom: none !important ; |
| 178 | 189 |
|
| 179 | 190 |
div {
|
| 180 |
background-color: @actionbar-bg-active !important ; |
|
| 191 |
//background-color: @actionbar-bg-active !important ;
|
|
| 181 | 192 |
border-bottom-left-radius: 0 !important; |
| 182 | 193 |
border-bottom: none; |
| 183 | 194 |
height: 30px ; |
| 184 | 195 |
} |
| 185 | 196 |
span {
|
| 186 |
background-color: @actionbar-bg-active !important ; |
|
| 197 |
//background-color: @actionbar-bg-active !important ;
|
|
| 187 | 198 |
border-bottom-right-radius: 0 !important; |
| 188 | 199 |
border-bottom: none; |
| 189 | 200 |
height: 30px !important ; |
Auch abrufbar als: Unified diff
css/less -> Geaenderte & Neue Less-Dateien