PrivateCoffee/wishthis
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix ribbon under loading overlay

Browse source
This commit is contained in:
Jay Trees 2022-03-23 14:47:08 +01:00
parent 01b636e099
commit 6ac3804c60
7 changed files with 17 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
semantic/dist/components/label.css vendored
View file

@ -429,6 +429,7 @@ a.ui.label {
.ui.card .image > .ribbon.label { .ui.card .image > .ribbon.label {
position: absolute; position: absolute;
top: 1rem; top: 1rem;
z-index: 101;
} }
.ui.card .image > .ui.ribbon.label, .ui.card .image > .ui.ribbon.label,
.ui.image > .ui.ribbon.label { .ui.image > .ui.ribbon.label {
@ -2129,6 +2130,9 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
Theme Overrides Theme Overrides
*******************************/ *******************************/
/**
* @loaderDimmerZIndex: 100
*/
/******************************* /*******************************

2
semantic/dist/components/label.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
semantic/dist/semantic.css vendored
View file

@ -24617,6 +24617,7 @@ a.ui.label {
.ui.card .image > .ribbon.label { .ui.card .image > .ribbon.label {
position: absolute; position: absolute;
top: 1rem; top: 1rem;
z-index: 101;
} }
.ui.card .image > .ui.ribbon.label, .ui.card .image > .ui.ribbon.label,
@ -26530,6 +26531,10 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
Theme Overrides Theme Overrides
*******************************/ *******************************/
/**
* @loaderDimmerZIndex: 100
*/
/******************************* /*******************************
Site Overrides Site Overrides
*******************************/ *******************************/

2
semantic/dist/semantic.min.css vendored
View file

File diff suppressed because one or more lines are too long

1
semantic/src/definitions/elements/label.less
View file

@ -468,6 +468,7 @@ a.ui.label {
.ui.card .image > .ribbon.label { .ui.card .image > .ribbon.label {
position: absolute; position: absolute;
top: @ribbonImageTopDistance; top: @ribbonImageTopDistance;
z-index: @labelRibbonZIndex;
} }
.ui.card .image > .ui.ribbon.label, .ui.card .image > .ui.ribbon.label,
.ui.image > .ui.ribbon.label { .ui.image > .ui.ribbon.label {

5
semantic/src/themes/default/elements/label.overrides
View file

@ -1,3 +1,8 @@
/******************************* /*******************************
Theme Overrides Theme Overrides
*******************************/ *******************************/
/**
* @loaderDimmerZIndex: 100
*/
@labelRibbonZIndex: 101;

7
src/assets/css/default.css
View file

@ -273,10 +273,3 @@ p .ui.horizontal.label {
.ui.dropdown .menu > a.item:hover { .ui.dropdown .menu > a.item:hover {
color: rgba(0,0,0,.95); color: rgba(0,0,0,.95);
} }
/**
* Ribbon
*/
.ui.ribbon.label {
z-index: 2;
}