From 99377ffd76c8167983daec42bba4535feed18526 Mon Sep 17 00:00:00 2001 From: Alex P Date: Thu, 28 Jun 2018 10:08:48 -0700 Subject: [PATCH] Remove redundant styles --- ui/src/style/components/threesizer.scss | 125 ------------------------ 1 file changed, 125 deletions(-) diff --git a/ui/src/style/components/threesizer.scss b/ui/src/style/components/threesizer.scss index 7b2ec0ddd8..86aee8f408 100644 --- a/ui/src/style/components/threesizer.scss +++ b/ui/src/style/components/threesizer.scss @@ -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 {