Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision 99a7753d

Von Moritz Bunkus vor mehr als 7 Jahren hinzugefügt

  • ID 99a7753dbe324d8f4afa66f16d183ae440358e5a
  • Vorgänger 1067492c
  • Nachfolger 667da13f

ActionBar CSS: in common.css & lx-office-erp.css aufgeteilt

Unterschiede anzeigen:

css/common.css
76 76
/* orderitems */
77 77
.shipped     { color: green }
78 78
.not_shipped { color: red   }
79

  
80
/* actionbar styling */
81
div.layout-actionbar {
82
  position: fixed;
83
  height: 28px;
84
  top: 20px;
85
  z-index: 20;
86
  width: 100%;
87
  padding: 2px;
88
}
89

  
90
div.layout-actionbar-action {
91
  -webkit-touch-callout: none; /* iOS Safari */
92
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
93
  -khtml-user-select: none;    /* Konqueror */
94
  -moz-user-select: none;      /* Firefox */
95
  -ms-user-select: none;       /* Internet Explorer/Edge */
96
  user-select: none;           /* don't select text on double click */
97
}
98

  
99
div.layout-actionbar ~ div:first {
100
  padding-top: 25px;
101
}
102

  
103
div.layout-actionbar > div + div {
104
  margin-left: 2px;
105
}
106

  
107
div.layout-actionbar-separator {
108
  display: inline-block;
109
  width: 20px;
110
}
111

  
112
div.layout-actionbar div.layout-actionbar-submit,
113
div.layout-actionbar div.layout-actionbar-scriptbutton,
114
div.layout-actionbar div.layout-actionbar-submit:focus,
115
div.layout-actionbar div.layout-actionbar-scriptbutton:focus {
116
  display: inline-block;
117
  width: 120px;
118
  box-sizing: border-box;
119
  text-align: center;
120
  border: 1px;
121
  border-style: solid;
122
  padding: 4px 4px;
123
  cursor: default;
124
}
125

  
126
div.layout-actionbar div.layout-actionbar-submit:hover,
127
div.layout-actionbar div.layout-actionbar-scriptbutton:hover {
128
  border: 1px;
129
  border-style: solid;
130
}
131

  
132
div.layout-actionbar-combobox {
133
  position: relative;
134
  display: inline-block;
135
}
136

  
137
div.layout-actionbar-combobox div.layout-actionbar-combobox-head div {
138
  width: 100px
139
}
140

  
141
div.layout-actionbar-combobox div.layout-actionbar-combobox-head span {
142
  display: inline-block;
143
  border-width: 1px 1px 1px 1px;
144
  border-style: solid;
145
  padding: 4px;
146
  width: 14px;
147
  height: 15px;
148
  position: absolute;
149
  top: 0;
150
  right: 0;
151
}
152

  
153
div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
154
  content: "";
155
  width: 0;
156
  height: 0;
157
  position: absolute;
158
  right: 8px;
159
  top: 50%;
160
  margin-top: -3px;
161
  border-width: 3px 3px 0 3px;
162
  border-style: solid;
163
}
164

  
165
div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span:after {
166
  border-width: 0 3px 3px 3px;
167
}
168

  
169

  
170
div.layout-actionbar-combobox div.layout-actionbar-combobox-head {
171
  padding-right: 20px;
172
  white-space: nowrap;
173
  display: block;
174
}
175

  
176
div.layout-actionbar-combobox div.layout-actionbar-combobox-list {
177
  position: absolute;
178
  display: none;
179
  min-width: 120px;
180
}
181

  
182
div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list {
183
  display: inline-block;
184
  z-index: 10;
185
}
186

  
187
div.layout-actionbar-combobox-list div.layout-actionbar-action {
188
  white-space: nowrap;
189
  display: block;
190
  position: relative;
191
  width: 100%;
192
  text-align: left;
193
  padding: 4px;
194
}

Auch abrufbar als: Unified diff