less-rails-semantic_ui 1.12.3.0 → 2.0.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/assets/javascripts/semantic_ui/definitions/behaviors/api.js +394 -188
- data/assets/javascripts/semantic_ui/definitions/behaviors/colorize.js +4 -2
- data/assets/javascripts/semantic_ui/definitions/behaviors/form.js +263 -125
- data/assets/javascripts/semantic_ui/definitions/behaviors/state.js +3 -3
- data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +213 -96
- data/assets/javascripts/semantic_ui/definitions/behaviors/visit.js +6 -4
- data/assets/javascripts/semantic_ui/definitions/globals/site.js +4 -4
- data/assets/javascripts/semantic_ui/definitions/modules/accordion.js +66 -52
- data/assets/javascripts/semantic_ui/definitions/modules/checkbox.js +309 -112
- data/assets/javascripts/semantic_ui/definitions/modules/dimmer.js +24 -26
- data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +2005 -590
- data/assets/javascripts/semantic_ui/definitions/modules/embed.js +662 -0
- data/assets/javascripts/semantic_ui/definitions/modules/modal.js +106 -79
- data/assets/javascripts/semantic_ui/definitions/modules/nag.js +7 -8
- data/assets/javascripts/semantic_ui/definitions/modules/popup.js +323 -194
- data/assets/javascripts/semantic_ui/definitions/modules/progress.js +111 -103
- data/assets/javascripts/semantic_ui/definitions/modules/rating.js +78 -54
- data/assets/javascripts/semantic_ui/definitions/modules/search.js +304 -122
- data/assets/javascripts/semantic_ui/definitions/modules/shape.js +93 -47
- data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +83 -149
- data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +99 -29
- data/assets/javascripts/semantic_ui/definitions/modules/tab.js +219 -124
- data/assets/javascripts/semantic_ui/definitions/modules/transition.js +202 -171
- data/assets/stylesheets/semantic_ui/definitions/collections/breadcrumb.less +2 -1
- data/assets/stylesheets/semantic_ui/definitions/collections/form.less +135 -58
- data/assets/stylesheets/semantic_ui/definitions/collections/grid.less +366 -383
- data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +838 -631
- data/assets/stylesheets/semantic_ui/definitions/collections/message.less +89 -71
- data/assets/stylesheets/semantic_ui/definitions/collections/table.less +183 -131
- data/assets/stylesheets/semantic_ui/definitions/elements/button.less +1097 -300
- data/assets/stylesheets/semantic_ui/definitions/elements/container.less +135 -0
- data/assets/stylesheets/semantic_ui/definitions/elements/divider.less +31 -30
- data/assets/stylesheets/semantic_ui/definitions/elements/flag.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/elements/header.less +209 -121
- data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +201 -96
- data/assets/stylesheets/semantic_ui/definitions/elements/image.less +26 -11
- data/assets/stylesheets/semantic_ui/definitions/elements/input.less +49 -14
- data/assets/stylesheets/semantic_ui/definitions/elements/label.less +391 -221
- data/assets/stylesheets/semantic_ui/definitions/elements/list.less +107 -68
- data/assets/stylesheets/semantic_ui/definitions/elements/loader.less +3 -1
- data/assets/stylesheets/semantic_ui/definitions/elements/rail.less +34 -25
- data/assets/stylesheets/semantic_ui/definitions/elements/reveal.less +25 -10
- data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +261 -173
- data/assets/stylesheets/semantic_ui/definitions/elements/step.less +169 -70
- data/assets/stylesheets/semantic_ui/definitions/globals/reset.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/globals/site.less +3 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/accordion.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/modules/checkbox.less +175 -103
- data/assets/stylesheets/semantic_ui/definitions/modules/dimmer.less +26 -15
- data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +349 -80
- data/assets/stylesheets/semantic_ui/definitions/modules/embed.less +174 -0
- data/assets/stylesheets/semantic_ui/definitions/modules/modal.less +83 -36
- data/assets/stylesheets/semantic_ui/definitions/modules/nag.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/popup.less +48 -7
- data/assets/stylesheets/semantic_ui/definitions/modules/progress.less +160 -107
- data/assets/stylesheets/semantic_ui/definitions/modules/rating.less +57 -54
- data/assets/stylesheets/semantic_ui/definitions/modules/search.less +55 -10
- data/assets/stylesheets/semantic_ui/definitions/modules/shape.less +5 -6
- data/assets/stylesheets/semantic_ui/definitions/modules/sidebar.less +9 -5
- data/assets/stylesheets/semantic_ui/definitions/modules/sticky.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/tab.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/transition.less +3 -4
- data/assets/stylesheets/semantic_ui/definitions/views/card.less +240 -130
- data/assets/stylesheets/semantic_ui/definitions/views/comment.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/views/feed.less +15 -8
- data/assets/stylesheets/semantic_ui/definitions/views/item.less +13 -13
- data/assets/stylesheets/semantic_ui/definitions/views/statistic.less +230 -86
- data/assets/stylesheets/semantic_ui/theme.less +22 -15
- data/assets/stylesheets/semantic_ui/themes/amazon/elements/button.overrides +5 -5
- data/assets/stylesheets/semantic_ui/themes/amazon/elements/button.variables +5 -4
- data/assets/stylesheets/semantic_ui/themes/basic/collections/table.variables +1 -0
- data/assets/stylesheets/semantic_ui/themes/basic/views/card.variables +6 -4
- data/assets/stylesheets/semantic_ui/themes/bookish/elements/header.variables +4 -4
- data/assets/stylesheets/semantic_ui/themes/bootstrap3/elements/button.variables +1 -1
- data/assets/stylesheets/semantic_ui/themes/chubby/collections/form.overrides +8 -0
- data/assets/stylesheets/semantic_ui/themes/chubby/collections/menu.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/chubby/collections/menu.variables +40 -0
- data/assets/stylesheets/semantic_ui/themes/classic/modules/progress.variables +1 -0
- data/assets/stylesheets/semantic_ui/themes/classic/views/card.overrides +1 -1
- data/assets/stylesheets/semantic_ui/themes/colored/modules/checkbox.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/colored/modules/checkbox.variables +17 -0
- data/assets/stylesheets/semantic_ui/themes/default/collections/breadcrumb.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/collections/breadcrumb.variables +5 -15
- data/assets/stylesheets/semantic_ui/themes/default/collections/form.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/collections/form.variables +31 -35
- data/assets/stylesheets/semantic_ui/themes/default/collections/grid.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/collections/grid.variables +34 -28
- data/assets/stylesheets/semantic_ui/themes/default/collections/menu.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +259 -163
- data/assets/stylesheets/semantic_ui/themes/default/collections/message.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/collections/message.variables +42 -19
- data/assets/stylesheets/semantic_ui/themes/default/collections/table.overrides +0 -3
- data/assets/stylesheets/semantic_ui/themes/default/collections/table.variables +63 -59
- data/assets/stylesheets/semantic_ui/themes/default/elements/button.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/button.variables +90 -50
- data/assets/stylesheets/semantic_ui/themes/default/elements/container.overrides +3 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/container.variables +45 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/divider.overrides +15 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/divider.variables +3 -4
- data/assets/stylesheets/semantic_ui/themes/default/elements/flag.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/header.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/header.variables +40 -36
- data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +4 -3
- data/assets/stylesheets/semantic_ui/themes/default/elements/icon.variables +29 -12
- data/assets/stylesheets/semantic_ui/themes/default/elements/image.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/image.variables +5 -3
- data/assets/stylesheets/semantic_ui/themes/default/elements/input.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/input.variables +10 -24
- data/assets/stylesheets/semantic_ui/themes/default/elements/label.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/label.variables +88 -35
- data/assets/stylesheets/semantic_ui/themes/default/elements/list.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/list.variables +53 -34
- data/assets/stylesheets/semantic_ui/themes/default/elements/loader.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/loader.variables +9 -10
- data/assets/stylesheets/semantic_ui/themes/default/elements/rail.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/rail.variables +13 -5
- data/assets/stylesheets/semantic_ui/themes/default/elements/reveal.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/reveal.variables +6 -4
- data/assets/stylesheets/semantic_ui/themes/default/elements/segment.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/segment.variables +66 -28
- data/assets/stylesheets/semantic_ui/themes/default/elements/step.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/step.variables +60 -31
- data/assets/stylesheets/semantic_ui/themes/default/globals/reset.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +477 -303
- data/assets/stylesheets/semantic_ui/themes/default/modules/accordion.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/accordion.variables +6 -7
- data/assets/stylesheets/semantic_ui/themes/default/modules/chatroom.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.overrides +19 -16
- data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.variables +71 -43
- data/assets/stylesheets/semantic_ui/themes/default/modules/dimmer.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/dimmer.variables +12 -9
- data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.overrides +0 -5
- data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +146 -64
- data/assets/stylesheets/semantic_ui/themes/default/modules/{video.overrides → embed.overrides} +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/embed.variables +53 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/modal.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/modal.variables +24 -18
- data/assets/stylesheets/semantic_ui/themes/default/modules/nag.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/popup.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/popup.variables +3 -9
- data/assets/stylesheets/semantic_ui/themes/default/modules/progress.variables +13 -7
- data/assets/stylesheets/semantic_ui/themes/default/modules/rating.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/rating.variables +71 -33
- data/assets/stylesheets/semantic_ui/themes/default/modules/search.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/search.variables +36 -34
- data/assets/stylesheets/semantic_ui/themes/default/modules/shape.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/shape.variables +7 -2
- data/assets/stylesheets/semantic_ui/themes/default/modules/sidebar.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/sidebar.variables +2 -5
- data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.variables +2 -7
- data/assets/stylesheets/semantic_ui/themes/default/modules/tab.variables +1 -3
- data/assets/stylesheets/semantic_ui/themes/default/modules/transition.overrides +8 -9
- data/assets/stylesheets/semantic_ui/themes/default/views/ad.variables +2 -2
- data/assets/stylesheets/semantic_ui/themes/default/views/card.variables +33 -23
- data/assets/stylesheets/semantic_ui/themes/default/views/comment.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/views/feed.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/views/feed.variables +15 -23
- data/assets/stylesheets/semantic_ui/themes/default/views/item.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/views/item.variables +12 -11
- data/assets/stylesheets/semantic_ui/themes/default/views/statistic.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/views/statistic.variables +25 -24
- data/assets/stylesheets/semantic_ui/themes/flat/collections/form.overrides +4 -0
- data/assets/stylesheets/semantic_ui/themes/flat/collections/form.variables +1 -2
- data/assets/stylesheets/semantic_ui/themes/flat/globals/site.variables +1 -0
- data/assets/stylesheets/semantic_ui/themes/github/collections/form.variables +1 -1
- data/assets/stylesheets/semantic_ui/themes/github/collections/menu.variables +10 -15
- data/assets/stylesheets/semantic_ui/themes/github/elements/button.variables +2 -2
- data/assets/stylesheets/semantic_ui/themes/github/elements/step.variables +2 -2
- data/assets/stylesheets/semantic_ui/themes/instagram/views/card.overrides +12 -0
- data/assets/stylesheets/semantic_ui/themes/instagram/views/card.variables +23 -0
- data/assets/stylesheets/semantic_ui/themes/material/collections/menu.overrides +1 -0
- data/assets/stylesheets/semantic_ui/themes/material/collections/menu.variables +10 -0
- data/assets/stylesheets/semantic_ui/themes/material/elements/button.overrides +1 -0
- data/assets/stylesheets/semantic_ui/themes/material/elements/button.variables +14 -6
- data/assets/stylesheets/semantic_ui/themes/material/globals/site.variables +3 -2
- data/assets/stylesheets/semantic_ui/themes/material/modules/dropdown.overrides +5 -0
- data/assets/stylesheets/semantic_ui/themes/material/modules/dropdown.variables +20 -0
- data/assets/stylesheets/semantic_ui/themes/raised/elements/button.variables +5 -5
- data/assets/stylesheets/semantic_ui/themes/round/elements/button.variables +1 -1
- data/assets/stylesheets/semantic_ui/themes/timeline/views/feed.overrides +4 -12
- data/assets/stylesheets/semantic_ui/themes/timeline/views/feed.variables +3 -7
- data/lib/generators/semantic_ui/install/templates/config/elements/container.overrides +3 -0
- data/lib/generators/semantic_ui/install/templates/config/elements/container.variables +3 -0
- data/lib/generators/semantic_ui/install/templates/config/modules/embed.overrides +3 -0
- data/lib/generators/semantic_ui/install/templates/config/modules/embed.variables +0 -0
- data/lib/generators/semantic_ui/install/templates/semantic_ui.css +2 -1
- data/lib/generators/semantic_ui/install/templates/semantic_ui.js +1 -1
- data/lib/generators/semantic_ui/install/templates/theme.config +5 -3
- data/lib/less/rails/semantic_ui/version.rb +1 -1
- data/tasks/update.rake +21 -6
- metadata +23 -7
- data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.otf +0 -0
- data/assets/javascripts/semantic_ui/definitions/modules/video.js +0 -540
- data/assets/stylesheets/semantic_ui/definitions/modules/video.less +0 -135
- data/assets/stylesheets/semantic_ui/themes/default/modules/video.variables +0 -16
@@ -13,7 +13,7 @@
|
|
13
13
|
* http://github.com/semantic-org/semantic-ui/
|
14
14
|
*
|
15
15
|
*
|
16
|
-
* Copyright
|
16
|
+
* Copyright 2015 Contributors
|
17
17
|
* Released under the MIT license
|
18
18
|
* http://opensource.org/licenses/MIT
|
19
19
|
*
|
@@ -48,7 +48,7 @@
|
|
48
48
|
text-align: @textAlign;
|
49
49
|
vertical-align: @verticalAlign;
|
50
50
|
|
51
|
-
background: @
|
51
|
+
background-color: @backgroundColor;
|
52
52
|
opacity: @hiddenOpacity;
|
53
53
|
line-height: @lineHeight;
|
54
54
|
|
@@ -68,7 +68,7 @@
|
|
68
68
|
display: @contentDisplay;
|
69
69
|
user-select: text;
|
70
70
|
}
|
71
|
-
.ui.dimmer > .content >
|
71
|
+
.ui.dimmer > .content > * {
|
72
72
|
display: @contentChildDisplay;
|
73
73
|
vertical-align: @verticalAlign;
|
74
74
|
color: @textColor;
|
@@ -120,19 +120,30 @@ body.animating.in.dimmable,
|
|
120
120
|
body.dimmed.dimmable {
|
121
121
|
overflow: hidden;
|
122
122
|
}
|
123
|
+
|
123
124
|
body.dimmable > .dimmer {
|
124
125
|
position: fixed;
|
125
126
|
}
|
126
127
|
|
127
|
-
|
128
|
-
|
129
|
-
|
128
|
+
/*--------------
|
129
|
+
Blurring
|
130
|
+
---------------*/
|
131
|
+
|
132
|
+
.blurring.dimmable > :not(.dimmer) {
|
133
|
+
filter: @blurredStartFilter;
|
134
|
+
transition: @blurredTransition;
|
135
|
+
}
|
136
|
+
.blurring.dimmed.dimmable > :not(.dimmer) {
|
137
|
+
filter: @blurredEndFilter;
|
138
|
+
}
|
139
|
+
|
140
|
+
/* Dimmer Color */
|
141
|
+
.blurring.dimmable > .dimmer {
|
142
|
+
background-color: @blurredBackgroundColor;
|
130
143
|
}
|
131
|
-
|
132
|
-
|
133
|
-
transition: @elementTransition;
|
144
|
+
.blurring.dimmable > .inverted.dimmer {
|
145
|
+
background-color: @blurredInvertedBackgroundColor;
|
134
146
|
}
|
135
|
-
*/
|
136
147
|
|
137
148
|
/*--------------
|
138
149
|
Aligned
|
@@ -150,7 +161,7 @@ body.dimmed.dimmable > :not(.dimmer) {
|
|
150
161
|
---------------*/
|
151
162
|
|
152
163
|
.ui.inverted.dimmer {
|
153
|
-
background: @
|
164
|
+
background-color: @invertedBackgroundColor;
|
154
165
|
}
|
155
166
|
.ui.inverted.dimmer > .content > * {
|
156
167
|
color: @textColor;
|
@@ -168,22 +179,22 @@ body.dimmed.dimmable > :not(.dimmer) {
|
|
168
179
|
width: 0%;
|
169
180
|
height: 0%;
|
170
181
|
z-index: -100;
|
171
|
-
background-color: @
|
182
|
+
background-color: @simpleStartBackgroundColor;
|
172
183
|
}
|
173
184
|
.dimmed.dimmable > .ui.simple.dimmer {
|
174
185
|
overflow: visible;
|
175
186
|
opacity: 1;
|
176
187
|
width: 100%;
|
177
188
|
height: 100%;
|
178
|
-
background: @
|
189
|
+
background-color: @simpleEndBackgroundColor;
|
179
190
|
z-index: @simpleZIndex;
|
180
191
|
}
|
181
192
|
|
182
193
|
.ui.simple.inverted.dimmer {
|
183
|
-
background: @
|
194
|
+
background-color: @simpleInvertedStartBackgroundColor;
|
184
195
|
}
|
185
196
|
.dimmed.dimmable > .ui.simple.inverted.dimmer {
|
186
|
-
background: @
|
197
|
+
background-color: @simpleInvertedEndBackgroundColor;
|
187
198
|
}
|
188
199
|
|
189
200
|
.loadUIOverrides();
|
@@ -13,7 +13,7 @@
|
|
13
13
|
* http://github.com/semantic-org/semantic-ui/
|
14
14
|
*
|
15
15
|
*
|
16
|
-
* Copyright
|
16
|
+
* Copyright 2015 Contributors
|
17
17
|
* Released under the MIT license
|
18
18
|
* http://opensource.org/licenses/MIT
|
19
19
|
*
|
@@ -37,14 +37,12 @@
|
|
37
37
|
cursor: pointer;
|
38
38
|
position: relative;
|
39
39
|
display: inline-block;
|
40
|
-
line-height: 1em;
|
41
40
|
tap-highlight-color: rgba(0, 0, 0, 0);
|
42
41
|
outline: none;
|
43
42
|
text-align: left;
|
44
43
|
transition: @transition;
|
45
44
|
}
|
46
45
|
|
47
|
-
|
48
46
|
/*******************************
|
49
47
|
Content
|
50
48
|
*******************************/
|
@@ -59,15 +57,14 @@
|
|
59
57
|
display: none;
|
60
58
|
outline: none;
|
61
59
|
top: 100%;
|
60
|
+
min-width: max-content;
|
62
61
|
transition: @menuTransition;
|
63
62
|
|
64
63
|
margin: @menuMargin;
|
65
64
|
padding: @menuPadding;
|
66
65
|
background: @menuBackground;
|
67
|
-
min-width: 100%;
|
68
66
|
|
69
|
-
|
70
|
-
font-size: 1rem;
|
67
|
+
font-size: @relativeMedium;
|
71
68
|
text-shadow: none;
|
72
69
|
text-align: @menuTextAlign;
|
73
70
|
|
@@ -79,6 +76,11 @@
|
|
79
76
|
will-change: transform, opacity;
|
80
77
|
}
|
81
78
|
|
79
|
+
.ui.dropdown .menu > * {
|
80
|
+
white-space: nowrap;
|
81
|
+
}
|
82
|
+
|
83
|
+
|
82
84
|
/*--------------
|
83
85
|
Hidden Input
|
84
86
|
---------------*/
|
@@ -93,6 +95,7 @@
|
|
93
95
|
---------------*/
|
94
96
|
|
95
97
|
.ui.dropdown > .dropdown.icon {
|
98
|
+
position: relative;
|
96
99
|
width: auto;
|
97
100
|
margin: @dropdownIconMargin;
|
98
101
|
}
|
@@ -125,13 +128,14 @@
|
|
125
128
|
display: block;
|
126
129
|
border: @itemBorder;
|
127
130
|
height: @itemHeight;
|
131
|
+
text-align: @itemTextAlign;
|
128
132
|
|
129
133
|
border-top: @itemDivider;
|
130
134
|
line-height: @itemLineHeight;
|
131
135
|
font-size: @itemFontSize;
|
132
136
|
color: @itemColor;
|
133
137
|
|
134
|
-
padding: @
|
138
|
+
padding: @itemPadding !important;
|
135
139
|
font-size: @itemFontSize;
|
136
140
|
text-transform: @itemTextTransform;
|
137
141
|
font-weight: @itemFontWeight;
|
@@ -187,6 +191,8 @@
|
|
187
191
|
}
|
188
192
|
|
189
193
|
.ui.dropdown .menu > .input {
|
194
|
+
width: auto;
|
195
|
+
display: flex;
|
190
196
|
margin: @menuInputMargin;
|
191
197
|
min-width: @menuInputMinWidth;
|
192
198
|
}
|
@@ -209,10 +215,22 @@
|
|
209
215
|
|
210
216
|
.ui.dropdown > .text > .description,
|
211
217
|
.ui.dropdown .menu > .item > .description {
|
218
|
+
float: @itemDescriptionFloat;
|
212
219
|
margin: @itemDescriptionMargin;
|
213
220
|
color: @itemDescriptionColor;
|
214
221
|
}
|
215
222
|
|
223
|
+
/*-----------------
|
224
|
+
Message
|
225
|
+
-------------------*/
|
226
|
+
|
227
|
+
.ui.dropdown .menu > .message {
|
228
|
+
padding: @messagePadding;
|
229
|
+
font-weight: @messageFontWeight;
|
230
|
+
}
|
231
|
+
.ui.dropdown .menu > .message:not(.ui) {
|
232
|
+
color: @messageColor;
|
233
|
+
}
|
216
234
|
|
217
235
|
/*--------------
|
218
236
|
Sub Menu
|
@@ -232,11 +250,6 @@
|
|
232
250
|
display: none;
|
233
251
|
}
|
234
252
|
|
235
|
-
|
236
|
-
/*******************************
|
237
|
-
Coupling
|
238
|
-
*******************************/
|
239
|
-
|
240
253
|
/*--------------
|
241
254
|
Sub Elements
|
242
255
|
---------------*/
|
@@ -287,6 +300,11 @@
|
|
287
300
|
}
|
288
301
|
|
289
302
|
|
303
|
+
/*******************************
|
304
|
+
Coupling
|
305
|
+
*******************************/
|
306
|
+
|
307
|
+
|
290
308
|
/*--------------
|
291
309
|
Menu
|
292
310
|
---------------*/
|
@@ -310,6 +328,15 @@
|
|
310
328
|
right: 0em;
|
311
329
|
}
|
312
330
|
|
331
|
+
/*--------------
|
332
|
+
Label
|
333
|
+
---------------*/
|
334
|
+
|
335
|
+
/* Dropdown Menu */
|
336
|
+
.ui.label.dropdown .menu {
|
337
|
+
min-width: 100%;
|
338
|
+
}
|
339
|
+
|
313
340
|
/*--------------
|
314
341
|
Button
|
315
342
|
---------------*/
|
@@ -318,10 +345,8 @@
|
|
318
345
|
.ui.dropdown.icon.button > .dropdown.icon {
|
319
346
|
margin: 0em;
|
320
347
|
}
|
321
|
-
.ui.
|
322
|
-
|
323
|
-
border-bottom-left-radius: 0em;
|
324
|
-
border-bottom-right-radius: 0em;
|
348
|
+
.ui.button.dropdown .menu {
|
349
|
+
min-width: 100%;
|
325
350
|
}
|
326
351
|
|
327
352
|
|
@@ -338,11 +363,13 @@
|
|
338
363
|
.ui.selection.dropdown {
|
339
364
|
cursor: pointer;
|
340
365
|
word-wrap: break-word;
|
366
|
+
line-height: 1em;
|
341
367
|
white-space: normal;
|
342
368
|
outline: 0;
|
343
369
|
transform: rotateZ(0deg);
|
344
370
|
|
345
371
|
min-width: @selectionMinWidth;
|
372
|
+
min-height: @selectionMinHeight;
|
346
373
|
|
347
374
|
background: @selectionBackground;
|
348
375
|
display: @selectionDisplay;
|
@@ -364,9 +391,6 @@ select.ui.dropdown {
|
|
364
391
|
border: @selectBorder;
|
365
392
|
visibility: @selectVisibility;
|
366
393
|
}
|
367
|
-
.ui.selection.dropdown > .text {
|
368
|
-
margin-right: @selectionTextIconDistance;
|
369
|
-
}
|
370
394
|
.ui.selection.dropdown > .search.icon,
|
371
395
|
.ui.selection.dropdown > .delete.icon,
|
372
396
|
.ui.selection.dropdown > .dropdown.icon {
|
@@ -374,6 +398,7 @@ select.ui.dropdown {
|
|
374
398
|
position: absolute;
|
375
399
|
top: auto;
|
376
400
|
width: auto;
|
401
|
+
z-index: @selectionIconZIndex;
|
377
402
|
margin: @selectionIconMargin;
|
378
403
|
padding: @selectionIconPadding;
|
379
404
|
right: @selectionHorizontalPadding;
|
@@ -394,10 +419,12 @@ select.ui.dropdown {
|
|
394
419
|
-webkit-overflow-scrolling: touch;
|
395
420
|
border-top-width: 0px !important;
|
396
421
|
width: auto;
|
422
|
+
outline: none;
|
397
423
|
margin: 0px -@menuBorderWidth;
|
398
424
|
min-width: @menuMinWidth;
|
399
|
-
|
425
|
+
width: @menuMinWidth;
|
400
426
|
|
427
|
+
border-radius: @selectionMenuBorderRadius;
|
401
428
|
box-shadow: @selectionMenuBoxShadow;
|
402
429
|
transition: @selectionMenuTransition;
|
403
430
|
}
|
@@ -406,12 +433,12 @@ select.ui.dropdown {
|
|
406
433
|
display: none;
|
407
434
|
}
|
408
435
|
|
436
|
+
/*--------------
|
437
|
+
Message
|
438
|
+
---------------*/
|
409
439
|
|
410
|
-
|
411
|
-
|
412
|
-
.ui.selection.dropdown .menu {
|
413
|
-
min-width: ~"calc(100% - "@scrollbarWidth~")";
|
414
|
-
}
|
440
|
+
.ui.selection.dropdown .menu > .message {
|
441
|
+
padding: @selectionMessagePadding;
|
415
442
|
}
|
416
443
|
|
417
444
|
@media only screen and (max-width : @largestMobileScreen) {
|
@@ -449,46 +476,42 @@ select.ui.dropdown {
|
|
449
476
|
box-shadow: @selectionHoverBoxShadow;
|
450
477
|
}
|
451
478
|
|
452
|
-
/*
|
453
|
-
.ui.selection.dropdown
|
454
|
-
.ui.selection.dropdown.disabled:hover {
|
455
|
-
cursor: default;
|
456
|
-
box-shadow: none;
|
457
|
-
color: @selectionTextColor;
|
458
|
-
border: @selectionBorder;
|
459
|
-
opacity: @disabledOpacity !important;
|
460
|
-
}
|
461
|
-
/* Visible */
|
462
|
-
.ui.selection.dropdown.visible {
|
479
|
+
/* Active */
|
480
|
+
.ui.selection.active.dropdown {
|
463
481
|
border-color: @selectionVisibleBorderColor;
|
464
482
|
box-shadow: @selectionVisibleBoxShadow;
|
465
483
|
}
|
466
|
-
|
467
|
-
.ui.selection.visible.dropdown .menu {
|
484
|
+
.ui.selection.active.dropdown .menu {
|
468
485
|
border-color: @selectionVisibleBorderColor;
|
469
486
|
box-shadow: @selectionVisibleMenuBoxShadow;
|
470
487
|
}
|
471
488
|
|
472
|
-
|
473
|
-
|
474
|
-
|
475
|
-
|
476
|
-
box-shadow: @selectionVisibleHoverBoxShadow;
|
489
|
+
/* Focus */
|
490
|
+
.ui.selection.dropdown:focus {
|
491
|
+
border-color: @selectionFocusBorderColor;
|
492
|
+
box-shadow: @selectionFocusBoxShadow;
|
477
493
|
}
|
478
|
-
|
479
|
-
|
480
|
-
|
481
|
-
box-shadow: @selectionVisibleHoverMenuBoxShadow;
|
494
|
+
.ui.selection.dropdown:focus .menu {
|
495
|
+
border-color: @selectionFocusBorderColor;
|
496
|
+
box-shadow: @selectionFocusMenuBoxShadow;
|
482
497
|
}
|
483
498
|
|
484
|
-
|
485
|
-
/* Active Item */
|
486
|
-
.ui.selection.active.dropdown > .text:not(.default),
|
499
|
+
/* Visible */
|
487
500
|
.ui.selection.visible.dropdown > .text:not(.default) {
|
488
501
|
font-weight: @selectionVisibleTextFontWeight;
|
489
502
|
color: @selectionVisibleTextColor;
|
490
503
|
}
|
491
504
|
|
505
|
+
/* Visible Hover */
|
506
|
+
.ui.selection.active.dropdown:hover {
|
507
|
+
border-color: @selectionActiveHoverBorderColor;
|
508
|
+
box-shadow: @selectionActiveHoverBoxShadow;
|
509
|
+
}
|
510
|
+
.ui.selection.active.dropdown:hover .menu {
|
511
|
+
border-color: @selectionActiveHoverBorderColor;
|
512
|
+
box-shadow: @selectionActiveHoverMenuBoxShadow;
|
513
|
+
}
|
514
|
+
|
492
515
|
/* Dropdown Icon */
|
493
516
|
.ui.active.selection.dropdown > .dropdown.icon,
|
494
517
|
.ui.visible.selection.dropdown > .dropdown.icon {
|
@@ -497,8 +520,7 @@ select.ui.dropdown {
|
|
497
520
|
}
|
498
521
|
|
499
522
|
/* Connecting Border */
|
500
|
-
.ui.active.selection.dropdown
|
501
|
-
.ui.visible.selection.dropdown {
|
523
|
+
.ui.active.selection.dropdown {
|
502
524
|
border-bottom-left-radius: @selectionVisibleConnectingBorder !important;
|
503
525
|
border-bottom-right-radius: @selectionVisibleConnectingBorder !important;
|
504
526
|
}
|
@@ -517,7 +539,6 @@ select.ui.dropdown {
|
|
517
539
|
background: none transparent !important;
|
518
540
|
border: none !important;
|
519
541
|
box-shadow: none !important;
|
520
|
-
border-radius: 0em !important;
|
521
542
|
cursor: pointer;
|
522
543
|
top: 0em;
|
523
544
|
left: 0em;
|
@@ -553,8 +574,14 @@ select.ui.dropdown {
|
|
553
574
|
.ui.search.dropdown.visible > .text {
|
554
575
|
pointer-events: none;
|
555
576
|
}
|
556
|
-
|
557
|
-
|
577
|
+
|
578
|
+
/* Filtered Text */
|
579
|
+
.ui.active.search.dropdown input.search:focus + .text .icon,
|
580
|
+
.ui.active.search.dropdown input.search:focus + .text .flag {
|
581
|
+
opacity: @selectionTextUnderlayIconOpacity;
|
582
|
+
}
|
583
|
+
.ui.active.search.dropdown input.search:focus + .text {
|
584
|
+
color: @selectionTextUnderlayColor !important;
|
558
585
|
}
|
559
586
|
|
560
587
|
/* Search Menu */
|
@@ -585,6 +612,83 @@ select.ui.dropdown {
|
|
585
612
|
}
|
586
613
|
}
|
587
614
|
|
615
|
+
/*--------------
|
616
|
+
Multiple
|
617
|
+
---------------*/
|
618
|
+
|
619
|
+
/* Multiple Selection */
|
620
|
+
.ui.multiple.dropdown {
|
621
|
+
padding: @multipleSelectionPadding;
|
622
|
+
}
|
623
|
+
.ui.multiple.dropdown .menu {
|
624
|
+
cursor: auto;
|
625
|
+
}
|
626
|
+
|
627
|
+
/* Multiple Search Selection */
|
628
|
+
.ui.multiple.search.dropdown,
|
629
|
+
.ui.multiple.search.dropdown > input.search {
|
630
|
+
cursor: text;
|
631
|
+
}
|
632
|
+
|
633
|
+
/* Selection Label */
|
634
|
+
.ui.multiple.dropdown > .label {
|
635
|
+
user-select: none;
|
636
|
+
display: inline-block;
|
637
|
+
vertical-align: baseline;
|
638
|
+
white-space: normal;
|
639
|
+
font-size: @labelSize;
|
640
|
+
padding: @labelPadding;
|
641
|
+
margin: @labelMargin;
|
642
|
+
box-shadow: @labelBoxShadow;
|
643
|
+
}
|
644
|
+
|
645
|
+
/* Dropdown Icon */
|
646
|
+
.ui.multiple.dropdown .dropdown.icon {
|
647
|
+
margin: @multipleSelectionDropdownIconMargin;
|
648
|
+
padding: @multipleSelectionDropdownIconPadding;
|
649
|
+
}
|
650
|
+
|
651
|
+
/* Text */
|
652
|
+
.ui.multiple.dropdown > .text {
|
653
|
+
position: static;
|
654
|
+
padding: 0;
|
655
|
+
max-width: 100%;
|
656
|
+
margin: @multipleSelectionChildMargin;
|
657
|
+
line-height: @multipleSelectionChildLineHeight;
|
658
|
+
}
|
659
|
+
.ui.multiple.dropdown > .label ~ .text {
|
660
|
+
display: none;
|
661
|
+
}
|
662
|
+
|
663
|
+
/*-----------------
|
664
|
+
Multiple Search
|
665
|
+
-----------------*/
|
666
|
+
|
667
|
+
/* Prompt Text */
|
668
|
+
.ui.multiple.search.dropdown > .text {
|
669
|
+
display: inline-block;
|
670
|
+
position: absolute;
|
671
|
+
top: 0;
|
672
|
+
left: 0;
|
673
|
+
padding: inherit;
|
674
|
+
margin: @multipleSelectionChildMargin;
|
675
|
+
line-height: @multipleSelectionChildLineHeight;
|
676
|
+
}
|
677
|
+
|
678
|
+
.ui.multiple.search.dropdown > .label ~ .text {
|
679
|
+
display: none;
|
680
|
+
}
|
681
|
+
|
682
|
+
/* Search */
|
683
|
+
.ui.multiple.search.dropdown > input.search {
|
684
|
+
position: static;
|
685
|
+
padding: 0;
|
686
|
+
max-width: 100%;
|
687
|
+
margin: @multipleSelectionChildMargin;
|
688
|
+
width: @multipleSelectionSearchStartWidth;
|
689
|
+
line-height: @multipleSelectionChildLineHeight;
|
690
|
+
}
|
691
|
+
|
588
692
|
|
589
693
|
/*--------------
|
590
694
|
Inline
|
@@ -597,7 +701,7 @@ select.ui.dropdown {
|
|
597
701
|
}
|
598
702
|
.ui.inline.dropdown .dropdown.icon {
|
599
703
|
margin: @inlineIconMargin;
|
600
|
-
vertical-align:
|
704
|
+
vertical-align: baseline;
|
601
705
|
}
|
602
706
|
.ui.inline.dropdown > .text {
|
603
707
|
font-weight: @inlineTextFontWeight;
|
@@ -614,6 +718,19 @@ select.ui.dropdown {
|
|
614
718
|
*******************************/
|
615
719
|
|
616
720
|
|
721
|
+
/*--------------------
|
722
|
+
Active
|
723
|
+
----------------------*/
|
724
|
+
|
725
|
+
/* Menu Item Active */
|
726
|
+
.ui.dropdown .menu .active.item {
|
727
|
+
background: @activeItemBackground;
|
728
|
+
font-weight: @activeItemFontWeight;
|
729
|
+
color: @activeItemColor;
|
730
|
+
box-shadow: @activeItemBoxShadow;
|
731
|
+
z-index: @activeItemZIndex;
|
732
|
+
}
|
733
|
+
|
617
734
|
/*--------------------
|
618
735
|
Hover
|
619
736
|
----------------------*/
|
@@ -626,18 +743,73 @@ select.ui.dropdown {
|
|
626
743
|
}
|
627
744
|
|
628
745
|
/*--------------------
|
629
|
-
|
630
|
-
|
746
|
+
Loading
|
747
|
+
---------------------*/
|
631
748
|
|
632
|
-
/*
|
633
|
-
.ui.dropdown
|
634
|
-
|
635
|
-
|
636
|
-
|
637
|
-
|
638
|
-
|
749
|
+
/* Positioning */
|
750
|
+
.ui.loading.dropdown > i.icon:before,
|
751
|
+
.ui.loading.dropdown > i.icon:after {
|
752
|
+
left: 30% !important;
|
753
|
+
}
|
754
|
+
.ui.loading.dropdown > i.icon {
|
755
|
+
top: 50% !important;
|
756
|
+
}
|
757
|
+
.ui.multiple.loading.dropdown > i.icon:before,
|
758
|
+
.ui.multiple.loading.dropdown > i.icon:after {
|
759
|
+
top: 0% !important;
|
760
|
+
left: 0% !important;
|
639
761
|
}
|
640
762
|
|
763
|
+
.ui.loading.dropdown > i.icon:before {
|
764
|
+
position: absolute;
|
765
|
+
content: '';
|
766
|
+
top: 50%;
|
767
|
+
left: 50%;
|
768
|
+
|
769
|
+
margin: @loaderMargin;
|
770
|
+
width: @loaderSize;
|
771
|
+
height: @loaderSize;
|
772
|
+
|
773
|
+
border-radius: @circularRadius;
|
774
|
+
border: @loaderLineWidth solid @loaderFillColor;
|
775
|
+
}
|
776
|
+
.ui.loading.dropdown > i.icon:after {
|
777
|
+
position: absolute;
|
778
|
+
content: '';
|
779
|
+
top: 50%;
|
780
|
+
left: 50%;
|
781
|
+
box-shadow: 0px 0px 0px 1px transparent;
|
782
|
+
|
783
|
+
margin: @loaderMargin;
|
784
|
+
width: @loaderSize;
|
785
|
+
height: @loaderSize;
|
786
|
+
|
787
|
+
animation: dropdown-spin @loaderSpeed linear;
|
788
|
+
animation-iteration-count: infinite;
|
789
|
+
|
790
|
+
border-radius: @circularRadius;
|
791
|
+
|
792
|
+
border-color: @loaderLineColor transparent transparent;
|
793
|
+
border-style: solid;
|
794
|
+
border-width: @loaderLineWidth;
|
795
|
+
}
|
796
|
+
|
797
|
+
/* Coupling */
|
798
|
+
.ui.loading.dropdown.button > i.icon:before,
|
799
|
+
.ui.loading.dropdown.button > i.icon:after {
|
800
|
+
display: none;
|
801
|
+
}
|
802
|
+
|
803
|
+
@keyframes dropdown-spin {
|
804
|
+
from {
|
805
|
+
transform: rotate(0deg);
|
806
|
+
}
|
807
|
+
to {
|
808
|
+
transform: rotate(360deg);
|
809
|
+
}
|
810
|
+
}
|
811
|
+
|
812
|
+
|
641
813
|
/*--------------------
|
642
814
|
Default Text
|
643
815
|
----------------------*/
|
@@ -658,7 +830,9 @@ select.ui.dropdown {
|
|
658
830
|
.ui.loading.dropdown > .text {
|
659
831
|
transition: none;
|
660
832
|
}
|
661
|
-
|
833
|
+
|
834
|
+
/* Used To Check Position */
|
835
|
+
.ui.dropdown .loading.menu {
|
662
836
|
display: block;
|
663
837
|
visibility: hidden;
|
664
838
|
z-index: @loadingZIndex;
|
@@ -703,7 +877,6 @@ select.ui.dropdown {
|
|
703
877
|
background: @errorBackgroundColor;
|
704
878
|
border-color: @errorBorderColor;
|
705
879
|
}
|
706
|
-
|
707
880
|
.ui.selection.dropdown.error:hover {
|
708
881
|
border-color: @errorBorderColor;
|
709
882
|
}
|
@@ -712,10 +885,12 @@ select.ui.dropdown {
|
|
712
885
|
.ui.dropdown.error > .menu .menu {
|
713
886
|
border-color: @errorBorderColor;
|
714
887
|
}
|
715
|
-
|
716
888
|
.ui.dropdown.error > .menu > .item {
|
717
889
|
color: @errorItemTextColor;
|
718
890
|
}
|
891
|
+
.ui.multiple.selection.error.dropdown > .label {
|
892
|
+
border-color: @errorBorderColor;
|
893
|
+
}
|
719
894
|
|
720
895
|
/* Item Hover */
|
721
896
|
.ui.dropdown.error > .menu > .item:hover {
|
@@ -734,7 +909,8 @@ select.ui.dropdown {
|
|
734
909
|
----------------------*/
|
735
910
|
|
736
911
|
/* Disabled */
|
737
|
-
.ui.disabled.dropdown
|
912
|
+
.ui.disabled.dropdown,
|
913
|
+
.ui.dropdown .menu > .disabled.item {
|
738
914
|
cursor: default;
|
739
915
|
pointer-events: none;
|
740
916
|
opacity: @disabledOpacity;
|
@@ -760,6 +936,7 @@ select.ui.dropdown {
|
|
760
936
|
.ui.dropdown .menu .right.menu {
|
761
937
|
left: 100% !important;
|
762
938
|
right: auto !important;
|
939
|
+
border-radius: @subMenuBorderRadius !important;
|
763
940
|
}
|
764
941
|
|
765
942
|
/* Left Flyout Menu */
|
@@ -767,6 +944,7 @@ select.ui.dropdown {
|
|
767
944
|
.ui.dropdown .menu .left.menu {
|
768
945
|
left: auto !important;
|
769
946
|
right: 100% !important;
|
947
|
+
border-radius: @leftSubMenuBorderRadius !important;
|
770
948
|
}
|
771
949
|
|
772
950
|
.ui.dropdown .item .left.dropdown.icon,
|
@@ -791,6 +969,7 @@ select.ui.dropdown {
|
|
791
969
|
Upward
|
792
970
|
---------------*/
|
793
971
|
|
972
|
+
/* Upward Main Menu */
|
794
973
|
.ui.upward.dropdown > .menu {
|
795
974
|
top: auto;
|
796
975
|
bottom: 100%;
|
@@ -798,13 +977,18 @@ select.ui.dropdown {
|
|
798
977
|
border-radius: @upwardMenuBorderRadius;
|
799
978
|
}
|
800
979
|
|
980
|
+
/* Upward Sub Menu */
|
981
|
+
.ui.dropdown .upward.menu {
|
982
|
+
top: auto !important;
|
983
|
+
bottom: 0 !important;
|
984
|
+
}
|
985
|
+
|
801
986
|
/* Active Upward */
|
802
987
|
.ui.simple.upward.active.dropdown,
|
803
988
|
.ui.simple.upward.dropdown:hover {
|
804
989
|
border-radius: @borderRadius @borderRadius 0em 0em !important;
|
805
990
|
}
|
806
|
-
.ui.upward.dropdown.button:not(.pointing):not(.floating).active
|
807
|
-
.ui.upward.dropdown.button:not(.pointing):not(.floating).visible {
|
991
|
+
.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
|
808
992
|
border-radius: @borderRadius @borderRadius 0em 0em;
|
809
993
|
}
|
810
994
|
|
@@ -812,22 +996,106 @@ select.ui.dropdown {
|
|
812
996
|
.ui.upward.selection.dropdown .menu {
|
813
997
|
border-top-width: @menuBorderWidth !important;
|
814
998
|
border-bottom-width: 0px !important;
|
999
|
+
box-shadow: @upwardSelectionMenuBoxShadow;
|
815
1000
|
}
|
816
1001
|
.ui.upward.selection.dropdown:hover {
|
817
1002
|
box-shadow: @upwardSelectionHoverBoxShadow;
|
818
1003
|
}
|
819
|
-
|
820
|
-
|
821
|
-
|
822
|
-
.ui.active.upward.selection.dropdown,
|
823
|
-
.ui.visible.upward.selection.dropdown {
|
1004
|
+
|
1005
|
+
/* Active Upward */
|
1006
|
+
.ui.active.upward.selection.dropdown {
|
824
1007
|
border-radius: @upwardSelectionVisibleBorderRadius !important;
|
825
1008
|
}
|
1009
|
+
|
1010
|
+
/* Visible Upward */
|
826
1011
|
.ui.upward.selection.dropdown.visible {
|
827
1012
|
box-shadow: @upwardSelectionVisibleBoxShadow;
|
1013
|
+
border-radius: @upwardSelectionVisibleBorderRadius !important;
|
1014
|
+
}
|
1015
|
+
|
1016
|
+
/* Visible Hover Upward */
|
1017
|
+
.ui.upward.active.selection.dropdown:hover {
|
1018
|
+
box-shadow: @upwardSelectionActiveHoverBoxShadow;
|
1019
|
+
}
|
1020
|
+
.ui.upward.active.selection.dropdown:hover .menu {
|
1021
|
+
box-shadow: @upwardSelectionActiveHoverMenuBoxShadow;
|
1022
|
+
}
|
1023
|
+
|
1024
|
+
/*--------------
|
1025
|
+
Simple
|
1026
|
+
---------------*/
|
1027
|
+
|
1028
|
+
/* Selection Menu */
|
1029
|
+
.ui.scrolling.dropdown .menu,
|
1030
|
+
.ui.dropdown .scrolling.menu {
|
1031
|
+
overflow-x: hidden;
|
1032
|
+
overflow-y: auto;
|
1033
|
+
}
|
1034
|
+
|
1035
|
+
.ui.scrolling.dropdown .menu {
|
1036
|
+
overflow-x: hidden;
|
1037
|
+
overflow-y: auto;
|
1038
|
+
backface-visibility: hidden;
|
1039
|
+
-webkit-overflow-scrolling: touch;
|
1040
|
+
min-width: 100% !important;
|
1041
|
+
width: auto !important;
|
1042
|
+
}
|
1043
|
+
|
1044
|
+
.ui.dropdown .scrolling.menu {
|
1045
|
+
position: static;
|
1046
|
+
overflow-y: auto;
|
1047
|
+
border: none;
|
1048
|
+
box-shadow: none !important;
|
1049
|
+
border-radius: 0 !important;
|
1050
|
+
margin: 0 !important;
|
1051
|
+
min-width: 100% !important;
|
1052
|
+
width: auto !important;
|
1053
|
+
border-top: @menuBorder;
|
1054
|
+
}
|
1055
|
+
.ui.scrolling.dropdown .menu .item.item.item,
|
1056
|
+
.ui.dropdown .scrolling.menu > .item.item.item {
|
1057
|
+
border-top: @scrollingMenuItemBorder;
|
1058
|
+
padding-right: @scrollingMenuRightItemPadding !important;
|
1059
|
+
}
|
1060
|
+
.ui.scrolling.dropdown .menu .item:first-child,
|
1061
|
+
.ui.dropdown .scrolling.menu .item:first-child {
|
1062
|
+
border-top: none;
|
1063
|
+
}
|
1064
|
+
.ui.dropdown > .animating.menu .scrolling.menu,
|
1065
|
+
.ui.dropdown > .visible.menu .scrolling.menu {
|
1066
|
+
display: block;
|
1067
|
+
}
|
1068
|
+
|
1069
|
+
/* Scrollbar in IE */
|
1070
|
+
@media all and (-ms-high-contrast:none) {
|
1071
|
+
.ui.scrolling.dropdown .menu,
|
1072
|
+
.ui.dropdown .scrolling.menu {
|
1073
|
+
min-width: ~"calc(100% - "@scrollbarWidth~")";
|
1074
|
+
}
|
1075
|
+
}
|
1076
|
+
@media only screen and (max-width : @largestMobileScreen) {
|
1077
|
+
.ui.scrolling.dropdown .menu,
|
1078
|
+
.ui.dropdown .scrolling.menu {
|
1079
|
+
max-height: @scrollingMobileMaxMenuHeight;
|
1080
|
+
}
|
1081
|
+
}
|
1082
|
+
@media only screen and (min-width: @tabletBreakpoint) {
|
1083
|
+
.ui.scrolling.dropdown .menu,
|
1084
|
+
.ui.dropdown .scrolling.menu {
|
1085
|
+
max-height: @scrollingTabletMaxMenuHeight;
|
1086
|
+
}
|
1087
|
+
}
|
1088
|
+
@media only screen and (min-width: @computerBreakpoint) {
|
1089
|
+
.ui.scrolling.dropdown .menu,
|
1090
|
+
.ui.dropdown .scrolling.menu {
|
1091
|
+
max-height: @scrollingComputerMaxMenuHeight;
|
1092
|
+
}
|
828
1093
|
}
|
829
|
-
|
830
|
-
|
1094
|
+
@media only screen and (min-width: @widescreenMonitorBreakpoint) {
|
1095
|
+
.ui.scrolling.dropdown .menu,
|
1096
|
+
.ui.dropdown .scrolling.menu {
|
1097
|
+
max-height: @scrollingWidescreenMaxMenuHeight;
|
1098
|
+
}
|
831
1099
|
}
|
832
1100
|
|
833
1101
|
/*--------------
|
@@ -907,11 +1175,12 @@ select.ui.dropdown {
|
|
907
1175
|
.ui.floating.dropdown .menu {
|
908
1176
|
left: 0;
|
909
1177
|
right: auto;
|
910
|
-
box-shadow: @floatingMenuBoxShadow;
|
911
|
-
border-radius: @floatingMenuBorderRadius;
|
1178
|
+
box-shadow: @floatingMenuBoxShadow !important;
|
1179
|
+
border-radius: @floatingMenuBorderRadius !important;
|
912
1180
|
}
|
913
1181
|
.ui.floating.dropdown > .menu {
|
914
1182
|
margin-top: @floatingMenuDistance !important;
|
1183
|
+
border-radius: @floatingMenuBorderRadius !important;
|
915
1184
|
}
|
916
1185
|
|
917
1186
|
/*--------------
|