f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-01 15:12:40 +00:00
Code Wiki Activity

add z-index to dropdown container.

Browse Source 
also just format spacing on css rules
This commit is contained in:
Gazook89
2022-03-13 20:40:41 -05:00
parent 438c7eabdc
commit f13c16bb4f
1 changed files with 30 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
client/homebrew/editor/metadataEditor/metadataEditor.less
View File

@@ -83,49 +83,50 @@
} }
.themes.field{ .themes.field{
font-size: 13.33px; font-size : 13.33px;
.navDropdownContainer { .navDropdownContainer {
background-color: white; background-color : white;
width: 100%; width : 100%;
position: relative; position : relative;
z-index : 500;
&.disabled { &.disabled {
font-style:italic; font-style :italic;
font-style: italic; font-style : italic;
background-color: darkgray; background-color : darkgray;
color: dimgray; color : dimgray;
} }
&>div:first-child { &>div:first-child {
border : 2px solid rgb(118,118,118); border : 2px solid rgb(118,118,118);
padding : 6px 3px; padding : 6px 3px;
background-color : inherit; background-color : inherit;
i { i {
float: right; float : right;
} }
&:hover { &:hover {
background-color: @blue; background-color : @blue;
color: white; color : white;
} }
} }
.navDropdown { .navDropdown {
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); box-shadow : 0px 5px 10px rgba(0, 0, 0, 0.3);
position:absolute; position : absolute;
width:100%; width : 100%;
.item { .item {
padding: 3px 3px; padding : 3px 3px;
border-top: 1px solid rgb(118, 118, 118); border-top : 1px solid rgb(118, 118, 118);
position: relative; position : relative;
overflow: hidden; overflow : hidden;
background-color: white; background-color : white;
&:hover { &:hover {
background-color: @blue; background-color : @blue;
color: white; color : white;
} }
img { img {
mask-image: linear-gradient(90deg, transparent, black 20%); mask-image : linear-gradient(90deg, transparent, black 20%);
-webkit-mask-image: linear-gradient(90deg, transparent, black 20%); -webkit-mask-image : linear-gradient(90deg, transparent, black 20%);
position: absolute; position : absolute;
left: ~"max(100px, 100% - 300px)"; left : ~"max(100px, 100% - 300px)";
top: 0px; top : 0px;
} }
} }
} }