Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Remove redundant styles

pull/10616/head
Alex P 2018-06-28 10:08:48 -07:00
parent f289c66993
commit 99377ffd76
1 changed files with 0 additions and 125 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

125
ui/src/style/components/threesizer.scss
View File

@ -189,131 +189,6 @@ $threesizer-shadow-stop: fade-out($g0-obsidian, 1);
margin-top: 10px; 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 // Header Dropdown Menu
.threesizer--menu { .threesizer--menu {
.dropdown-menu { .dropdown-menu {