Remove redundant styles
parent
f289c66993
commit
99377ffd76
|
@ -189,131 +189,6 @@ $threesizer-shadow-stop: fade-out($g0-obsidian, 1);
|
|||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.dash-graph-context--button {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 3px;
|
||||
font-size: 12px;
|
||||
position: relative;
|
||||
color: $g11-sidewalk;
|
||||
margin-right: 2px;
|
||||
transition: color 0.25s ease, background-color 0.25s ease;
|
||||
&:hover,
|
||||
&.active {
|
||||
cursor: pointer;
|
||||
color: $g20-white;
|
||||
background-color: $g5-pepper;
|
||||
}
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
>.icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
&.active {
|
||||
position: relative;
|
||||
z-index: 20;
|
||||
}
|
||||
}
|
||||
|
||||
.dash-graph-context--menu,
|
||||
.dash-graph-context--menu.default {
|
||||
z-index: 3;
|
||||
position: absolute;
|
||||
top: calc(100% + 8px);
|
||||
left: 50%;
|
||||
background-color: $g6-smoke;
|
||||
transform: translateX(-50%);
|
||||
border-radius: 3px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
justify-content: center;
|
||||
&:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
border: 6px solid transparent;
|
||||
border-bottom-color: $g6-smoke;
|
||||
left: 50%;
|
||||
top: 0;
|
||||
transform: translate(-50%, -100%);
|
||||
transition: border-color 0.25s ease;
|
||||
}
|
||||
.dash-graph-context--menu-item {
|
||||
@include no-user-select();
|
||||
white-space: nowrap;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
line-height: 26px;
|
||||
height: 26px;
|
||||
padding: 0 10px;
|
||||
color: $g20-white;
|
||||
transition: background-color 0.25s ease;
|
||||
&:first-child {
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom-left-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
&:hover {
|
||||
background-color: $g8-storm;
|
||||
cursor: pointer;
|
||||
}
|
||||
&.disabled,
|
||||
&.disabled:hover {
|
||||
cursor: default;
|
||||
background-color: transparent;
|
||||
font-style: italic;
|
||||
color: $g11-sidewalk;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dash-graph-context--menu.primary {
|
||||
background-color: $c-ocean;
|
||||
&:before {
|
||||
border-bottom-color: $c-ocean;
|
||||
}
|
||||
.dash-graph-context--menu-item:hover {
|
||||
background-color: $c-pool;
|
||||
}
|
||||
}
|
||||
|
||||
.dash-graph-context--menu.warning {
|
||||
background-color: $c-star;
|
||||
&:before {
|
||||
border-bottom-color: $c-star;
|
||||
}
|
||||
.dash-graph-context--menu-item:hover {
|
||||
background-color: $c-comet;
|
||||
}
|
||||
}
|
||||
|
||||
.dash-graph-context--menu.success {
|
||||
background-color: $c-rainforest;
|
||||
&:before {
|
||||
border-bottom-color: $c-rainforest;
|
||||
}
|
||||
.dash-graph-context--menu-item:hover {
|
||||
background-color: $c-honeydew;
|
||||
}
|
||||
}
|
||||
|
||||
.dash-graph-context--menu.danger {
|
||||
background-color: $c-curacao;
|
||||
&:before {
|
||||
border-bottom-color: $c-curacao;
|
||||
}
|
||||
.dash-graph-context--menu-item:hover {
|
||||
background-color: $c-dreamsicle;
|
||||
}
|
||||
}
|
||||
|
||||
// Header Dropdown Menu
|
||||
.threesizer--menu {
|
||||
.dropdown-menu {
|
||||
|
|
Loading…
Reference in New Issue