diff options
| author | bobzel <zzzman@gmail.com> | 2020-08-05 17:28:58 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-08-05 17:28:58 -0400 |
| commit | 99e1d8832805b67a88c8c7e6b7a48938289807df (patch) | |
| tree | 9a41e3f3d15365807b95413ba1603f00c2433123 /src/client/views/PropertiesButtons.scss | |
| parent | d254d35d8d1fc10e9ca7ef5b9db06cd138b2d102 (diff) | |
| parent | 50ddaaab31351ad277fbd2ebb4405a99a721a536 (diff) | |
Merge pull request #495 from browngraphicslab/menu_restructure
Menu restructure
Diffstat (limited to 'src/client/views/PropertiesButtons.scss')
| -rw-r--r-- | src/client/views/PropertiesButtons.scss | 30 |
1 files changed, 21 insertions, 9 deletions
diff --git a/src/client/views/PropertiesButtons.scss b/src/client/views/PropertiesButtons.scss index 1cba252de..6199d34d0 100644 --- a/src/client/views/PropertiesButtons.scss +++ b/src/client/views/PropertiesButtons.scss @@ -21,9 +21,8 @@ $linkGap : 3px; .propertiesButtons-linkButton-empty, .propertiesButtons-linkButton-nonempty { height: 30px; - width: 30px; - border-radius: 5px; - opacity: 0.9; + width: 32px; + border-radius: 6px; pointer-events: auto; background-color: #121721; color: #fcfbf7; @@ -36,6 +35,7 @@ $linkGap : 3px; justify-content: center; align-items: center; margin-right: 10px; + margin-left: 3.5px; &:hover { background: $main-accent; @@ -68,23 +68,35 @@ $linkGap : 3px; padding-right: 5px; width: 25px; border-radius: 5px; - margin-right: 18px; + margin-right: 22px; margin-bottom: 8px; } +.propertiesButtons-title { + background: #121721; + color: white; + font-size: 6px; + width: 40px; + padding: 3px; + height: 13px; + border-radius: 7px; + text-transform: uppercase; + text-align: center; + margin-top: -4px; +} + .propertiesButtons-linker { height: 30px; - width: 30px; + width: 32px; text-align: center; - border-radius: 5px; + border-radius: 6px; pointer-events: auto; - // color: $dark-color; - // border: $dark-color 1px solid; - background-color: #252b33; + background-color: #121721; color: #fcfbf7; transition: 0.2s ease all; margin-right: 5px; padding-top: 5px; + margin-left: 3.5px; &:hover { background: $main-accent; |