fomantic-ui 2.9.0-beta.318 → 2.9.0-beta.319
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.
- package/dist/components/accordion.css +1 -1
- package/dist/components/accordion.js +1 -1
- package/dist/components/accordion.min.css +1 -1
- package/dist/components/accordion.min.js +1 -1
- package/dist/components/ad.css +1 -1
- package/dist/components/ad.min.css +1 -1
- package/dist/components/api.js +1 -1
- package/dist/components/api.min.js +1 -1
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/breadcrumb.min.css +1 -1
- package/dist/components/button.css +1 -1
- package/dist/components/button.min.css +1 -1
- package/dist/components/calendar.css +1 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/calendar.min.css +1 -1
- package/dist/components/calendar.min.js +1 -1
- package/dist/components/card.css +1 -1
- package/dist/components/card.min.css +1 -1
- package/dist/components/checkbox.css +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkbox.min.css +1 -1
- package/dist/components/checkbox.min.js +1 -1
- package/dist/components/comment.css +1 -1
- package/dist/components/comment.min.css +1 -1
- package/dist/components/container.css +1 -1
- package/dist/components/container.min.css +1 -1
- package/dist/components/dimmer.css +1 -1
- package/dist/components/dimmer.js +1 -1
- package/dist/components/dimmer.min.css +1 -1
- package/dist/components/dimmer.min.js +1 -1
- package/dist/components/divider.css +1 -1
- package/dist/components/divider.min.css +1 -1
- package/dist/components/dropdown.css +1 -1
- package/dist/components/dropdown.js +1 -1
- package/dist/components/dropdown.min.css +1 -1
- package/dist/components/dropdown.min.js +1 -1
- package/dist/components/embed.css +1 -1
- package/dist/components/embed.js +1 -1
- package/dist/components/embed.min.css +1 -1
- package/dist/components/embed.min.js +1 -1
- package/dist/components/feed.css +1 -1
- package/dist/components/feed.min.css +1 -1
- package/dist/components/flag.css +1 -1
- package/dist/components/flag.min.css +1 -1
- package/dist/components/flyout.css +57 -23
- package/dist/components/flyout.js +217 -31
- package/dist/components/flyout.min.css +2 -2
- package/dist/components/flyout.min.js +2 -2
- package/dist/components/form.css +1 -1
- package/dist/components/form.js +1 -1
- package/dist/components/form.min.css +1 -1
- package/dist/components/form.min.js +1 -1
- package/dist/components/grid.css +1 -1
- package/dist/components/grid.min.css +1 -1
- package/dist/components/header.css +1 -1
- package/dist/components/header.min.css +1 -1
- package/dist/components/icon.css +1 -1
- package/dist/components/icon.min.css +1 -1
- package/dist/components/image.css +1 -1
- package/dist/components/image.min.css +1 -1
- package/dist/components/input.css +1 -1
- package/dist/components/input.min.css +1 -1
- package/dist/components/item.css +1 -1
- package/dist/components/item.min.css +1 -1
- package/dist/components/label.css +1 -1
- package/dist/components/label.min.css +1 -1
- package/dist/components/list.css +1 -1
- package/dist/components/list.min.css +1 -1
- package/dist/components/loader.css +1 -1
- package/dist/components/loader.min.css +1 -1
- package/dist/components/message.css +1 -1
- package/dist/components/message.min.css +1 -1
- package/dist/components/modal.css +6 -6
- package/dist/components/modal.js +1 -1
- package/dist/components/modal.min.css +2 -2
- package/dist/components/modal.min.js +1 -1
- package/dist/components/nag.css +1 -1
- package/dist/components/nag.js +1 -1
- package/dist/components/nag.min.css +1 -1
- package/dist/components/nag.min.js +1 -1
- package/dist/components/placeholder.css +1 -1
- package/dist/components/placeholder.min.css +1 -1
- package/dist/components/popup.css +1 -1
- package/dist/components/popup.js +1 -1
- package/dist/components/popup.min.css +1 -1
- package/dist/components/popup.min.js +1 -1
- package/dist/components/progress.css +1 -1
- package/dist/components/progress.js +1 -1
- package/dist/components/progress.min.css +1 -1
- package/dist/components/progress.min.js +1 -1
- package/dist/components/rail.css +1 -1
- package/dist/components/rail.min.css +1 -1
- package/dist/components/rating.css +1 -1
- package/dist/components/rating.js +1 -1
- package/dist/components/rating.min.css +1 -1
- package/dist/components/rating.min.js +1 -1
- package/dist/components/reset.css +1 -1
- package/dist/components/reset.min.css +1 -1
- package/dist/components/reveal.css +1 -1
- package/dist/components/reveal.min.css +1 -1
- package/dist/components/search.css +1 -1
- package/dist/components/search.js +1 -1
- package/dist/components/search.min.css +1 -1
- package/dist/components/search.min.js +1 -1
- package/dist/components/segment.css +1 -1
- package/dist/components/segment.min.css +1 -1
- package/dist/components/shape.css +1 -1
- package/dist/components/shape.js +1 -1
- package/dist/components/shape.min.css +1 -1
- package/dist/components/shape.min.js +1 -1
- package/dist/components/sidebar.css +11 -3
- package/dist/components/sidebar.js +27 -7
- package/dist/components/sidebar.min.css +2 -2
- package/dist/components/sidebar.min.js +2 -2
- package/dist/components/site.css +1 -1
- package/dist/components/site.js +1 -1
- package/dist/components/site.min.css +1 -1
- package/dist/components/site.min.js +1 -1
- package/dist/components/slider.js +1 -1
- package/dist/components/slider.min.js +1 -1
- package/dist/components/state.js +1 -1
- package/dist/components/state.min.js +1 -1
- package/dist/components/statistic.css +1 -1
- package/dist/components/statistic.min.css +1 -1
- package/dist/components/step.css +1 -1
- package/dist/components/step.min.css +1 -1
- package/dist/components/sticky.css +1 -1
- package/dist/components/sticky.js +1 -1
- package/dist/components/sticky.min.css +1 -1
- package/dist/components/sticky.min.js +1 -1
- package/dist/components/tab.css +1 -1
- package/dist/components/tab.js +1 -1
- package/dist/components/tab.min.css +1 -1
- package/dist/components/tab.min.js +1 -1
- package/dist/components/table.css +1 -1
- package/dist/components/table.min.css +1 -1
- package/dist/components/text.css +1 -1
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +1 -1
- package/dist/components/toast.js +1 -1
- package/dist/components/toast.min.css +1 -1
- package/dist/components/toast.min.js +1 -1
- package/dist/components/transition.css +1 -1
- package/dist/components/transition.js +1 -1
- package/dist/components/transition.min.css +1 -1
- package/dist/components/transition.min.js +1 -1
- package/dist/components/visibility.js +1 -1
- package/dist/components/visibility.min.js +1 -1
- package/dist/semantic.css +133 -78
- package/dist/semantic.js +268 -62
- package/dist/semantic.min.css +2 -2
- package/dist/semantic.min.js +2 -2
- package/package.json +1 -1
- package/src/definitions/modules/flyout.js +216 -30
- package/src/definitions/modules/flyout.less +114 -68
- package/src/definitions/modules/modal.less +3 -3
- package/src/definitions/modules/sidebar.js +26 -6
- package/src/definitions/modules/sidebar.less +11 -0
- package/src/themes/default/globals/variation.variables +8 -0
- package/src/themes/default/modules/flyout.variables +56 -1
- package/src/themes/default/modules/modal.variables +2 -2
- package/src/themes/default/modules/sidebar.variables +4 -1
package/dist/components/ad.css
CHANGED
package/dist/components/api.js
CHANGED
package/dist/components/card.css
CHANGED
package/dist/components/embed.js
CHANGED
package/dist/components/feed.css
CHANGED
package/dist/components/flag.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* # Fomantic-UI 2.9.0-beta.
|
|
2
|
+
* # Fomantic-UI 2.9.0-beta.319+0740de8 - Flyout
|
|
3
3
|
* http://github.com/fomantic/Fomantic-UI/
|
|
4
4
|
*
|
|
5
5
|
*
|
|
@@ -63,8 +63,10 @@
|
|
|
63
63
|
margin: 0 0 0 0.25rem;
|
|
64
64
|
text-align: right;
|
|
65
65
|
}
|
|
66
|
+
.ui.flyout > .close:focus,
|
|
66
67
|
.ui.flyout > .close:hover {
|
|
67
68
|
opacity: 1;
|
|
69
|
+
outline: none;
|
|
68
70
|
}
|
|
69
71
|
|
|
70
72
|
/*--------------
|
|
@@ -77,7 +79,7 @@
|
|
|
77
79
|
margin: 0;
|
|
78
80
|
padding: 1.25rem 1.5rem;
|
|
79
81
|
-webkit-box-shadow: none;
|
|
80
|
-
|
|
82
|
+
box-shadow: none;
|
|
81
83
|
color: rgba(0, 0, 0, 0.85);
|
|
82
84
|
border-bottom: 1px solid rgba(34, 36, 38, 0.15);
|
|
83
85
|
}
|
|
@@ -110,10 +112,11 @@
|
|
|
110
112
|
}
|
|
111
113
|
|
|
112
114
|
/*--------------
|
|
113
|
-
|
|
114
|
-
---------------*/
|
|
115
|
+
Actions
|
|
116
|
+
---------------*/
|
|
115
117
|
|
|
116
118
|
.ui.flyout > .actions {
|
|
119
|
+
background: #F9FAFB;
|
|
117
120
|
padding: 1rem 1rem;
|
|
118
121
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
|
119
122
|
text-align: right;
|
|
@@ -121,6 +124,32 @@
|
|
|
121
124
|
.ui.flyout .actions > .button:not(.fluid) {
|
|
122
125
|
margin-left: 0.75em;
|
|
123
126
|
}
|
|
127
|
+
.ui.ui.flyout > .basic.actions {
|
|
128
|
+
border-top: none;
|
|
129
|
+
}
|
|
130
|
+
.ui.flyout > .left.actions {
|
|
131
|
+
text-align: left;
|
|
132
|
+
}
|
|
133
|
+
.ui.flyout > .left.actions > .button:not(.fluid) {
|
|
134
|
+
margin-left: 0.5em;
|
|
135
|
+
margin-right: 0.5em;
|
|
136
|
+
}
|
|
137
|
+
.ui.flyout > .centered,
|
|
138
|
+
.ui.flyout > .center.aligned {
|
|
139
|
+
text-align: center;
|
|
140
|
+
}
|
|
141
|
+
.ui.flyout > .centered.actions > .button:not(.fluid),
|
|
142
|
+
.ui.flyout > .center.aligned.actions > .button:not(.fluid) {
|
|
143
|
+
margin-left: 0.5em;
|
|
144
|
+
margin-right: 0.5em;
|
|
145
|
+
}
|
|
146
|
+
.ui.ui.flyout > .basic.header,
|
|
147
|
+
.ui.ui.flyout > .basic.actions {
|
|
148
|
+
background-color: transparent;
|
|
149
|
+
}
|
|
150
|
+
.ui.flyout > .basic.header {
|
|
151
|
+
border-bottom: none;
|
|
152
|
+
}
|
|
124
153
|
|
|
125
154
|
/*--------------
|
|
126
155
|
Direction
|
|
@@ -186,7 +215,7 @@ body.pushable.dimmed {
|
|
|
186
215
|
}
|
|
187
216
|
.pushable:not(body) > .ui.flyout,
|
|
188
217
|
.pushable:not(body) > .fixed,
|
|
189
|
-
.pushable:not(body) > .pusher
|
|
218
|
+
.pushable:not(body) > .pusher::after {
|
|
190
219
|
position: absolute;
|
|
191
220
|
}
|
|
192
221
|
|
|
@@ -214,7 +243,6 @@ body.pushable.dimmed {
|
|
|
214
243
|
position: relative;
|
|
215
244
|
-webkit-backface-visibility: hidden;
|
|
216
245
|
backface-visibility: hidden;
|
|
217
|
-
overflow: hidden;
|
|
218
246
|
min-height: 100%;
|
|
219
247
|
-webkit-transition: -webkit-transform 500ms ease;
|
|
220
248
|
transition: -webkit-transform 500ms ease;
|
|
@@ -225,6 +253,9 @@ body.pushable.dimmed {
|
|
|
225
253
|
/* Pusher should inherit background from context */
|
|
226
254
|
background: inherit;
|
|
227
255
|
}
|
|
256
|
+
.pushable > .pusher:not(.overflowing) {
|
|
257
|
+
overflow: hidden;
|
|
258
|
+
}
|
|
228
259
|
body.pushable > .pusher {
|
|
229
260
|
background: #FFFFFF;
|
|
230
261
|
}
|
|
@@ -233,7 +264,7 @@ body.pushable > .pusher {
|
|
|
233
264
|
Dimmer
|
|
234
265
|
---------------*/
|
|
235
266
|
|
|
236
|
-
.pushable > .pusher
|
|
267
|
+
.pushable > .pusher::after {
|
|
237
268
|
position: fixed;
|
|
238
269
|
top: 0;
|
|
239
270
|
right: 0;
|
|
@@ -241,8 +272,8 @@ body.pushable > .pusher {
|
|
|
241
272
|
background: rgba(0, 0, 0, 0.4);
|
|
242
273
|
overflow: hidden;
|
|
243
274
|
opacity: 0;
|
|
244
|
-
-webkit-transition:
|
|
245
|
-
transition:
|
|
275
|
+
-webkit-transition: all 500ms;
|
|
276
|
+
transition: all 500ms;
|
|
246
277
|
will-change: opacity;
|
|
247
278
|
z-index: 1000;
|
|
248
279
|
}
|
|
@@ -265,11 +296,19 @@ body.pushable > .pusher {
|
|
|
265
296
|
Dimmed
|
|
266
297
|
---------------*/
|
|
267
298
|
|
|
268
|
-
.pushable > .pusher.dimmed
|
|
299
|
+
.pushable > .pusher.dimmed::after {
|
|
269
300
|
width: 100% !important;
|
|
270
301
|
height: 100% !important;
|
|
271
302
|
opacity: 1 !important;
|
|
272
303
|
}
|
|
304
|
+
.pushable > .pusher.dimmed.blurring:not(.closing)::after {
|
|
305
|
+
background: rgba(0, 0, 0, 0.6);
|
|
306
|
+
-webkit-backdrop-filter: blur(5px) grayscale(0.7);
|
|
307
|
+
backdrop-filter: blur(5px) grayscale(0.7);
|
|
308
|
+
}
|
|
309
|
+
.pushable > .pusher.closing.dimmed::after {
|
|
310
|
+
opacity: 0 !important;
|
|
311
|
+
}
|
|
273
312
|
|
|
274
313
|
/*--------------
|
|
275
314
|
Animating
|
|
@@ -333,23 +372,18 @@ body.pushable > .pusher {
|
|
|
333
372
|
}
|
|
334
373
|
|
|
335
374
|
/*--------------
|
|
336
|
-
|
|
337
|
-
---------------*/
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
/*--------------
|
|
341
|
-
Inverted
|
|
342
|
-
---------------*/
|
|
375
|
+
Inverted
|
|
376
|
+
---------------*/
|
|
343
377
|
|
|
344
378
|
.ui.flyout.inverted {
|
|
345
|
-
background:
|
|
379
|
+
background: #000000;
|
|
346
380
|
}
|
|
347
381
|
.ui.flyout.inverted > .close {
|
|
348
382
|
color: #FFFFFF;
|
|
349
383
|
}
|
|
350
384
|
.ui.flyout.inverted > .header,
|
|
351
385
|
.ui.flyout.inverted > .content {
|
|
352
|
-
background:
|
|
386
|
+
background: #000000;
|
|
353
387
|
color: #FFFFFF;
|
|
354
388
|
}
|
|
355
389
|
.ui.flyout.inverted > .actions {
|
|
@@ -370,6 +404,10 @@ body.pushable > .pusher {
|
|
|
370
404
|
|
|
371
405
|
|
|
372
406
|
/* Left / Right */
|
|
407
|
+
.ui.left.flyout,
|
|
408
|
+
.ui.right.flyout {
|
|
409
|
+
width: 400px;
|
|
410
|
+
}
|
|
373
411
|
.ui.thin.left.flyout,
|
|
374
412
|
.ui.thin.right.flyout {
|
|
375
413
|
width: 200px;
|
|
@@ -378,10 +416,6 @@ body.pushable > .pusher {
|
|
|
378
416
|
.ui[class*="very thin"].right.flyout {
|
|
379
417
|
width: 120px;
|
|
380
418
|
}
|
|
381
|
-
.ui.left.flyout,
|
|
382
|
-
.ui.right.flyout {
|
|
383
|
-
width: 400px;
|
|
384
|
-
}
|
|
385
419
|
.ui.wide.left.flyout,
|
|
386
420
|
.ui.wide.right.flyout {
|
|
387
421
|
width: 600px;
|