diff options
| author | Fawn <fangrui_tong@brown.edu> | 2019-06-20 19:03:16 -0400 |
|---|---|---|
| committer | Fawn <fangrui_tong@brown.edu> | 2019-06-20 19:03:16 -0400 |
| commit | b1a2871fcca57ce934b8613b315a08eede188669 (patch) | |
| tree | eb7740d77a9ea3b1294d7cf1fef63f75b1431dc3 /src/client/views/nodes/LinkMenuItem.scss | |
| parent | fbfe9faca199b6dedd6844f1fa20cc02060a3c5a (diff) | |
link menu styling
Diffstat (limited to 'src/client/views/nodes/LinkMenuItem.scss')
| -rw-r--r-- | src/client/views/nodes/LinkMenuItem.scss | 30 |
1 files changed, 17 insertions, 13 deletions
diff --git a/src/client/views/nodes/LinkMenuItem.scss b/src/client/views/nodes/LinkMenuItem.scss index 16a1df331..25d167231 100644 --- a/src/client/views/nodes/LinkMenuItem.scss +++ b/src/client/views/nodes/LinkMenuItem.scss @@ -1,13 +1,19 @@ @import "../globalCssVariables"; .linkMenu-item { - border-top: 0.5px solid $main-accent; - padding: 6px; + // border-top: 0.5px solid $main-accent; position: relative; display: flex; font-size: 12px; + .link-name { position: relative; + + p { + padding: 4px 6px; + line-height: 12px; + border-radius: 5px; + } } .linkMenu-item-content { @@ -15,27 +21,25 @@ } .link-metadata { - margin-top: 6px; - padding: 3px; - border-top: 0.5px solid $light-color-secondary; - .link-metadata-row { - margin-left: 6px; - } + padding: 0 10px 0 16px; + margin-bottom: 4px; + color: $main-accent; + font-style: italic; + font-size: 10.5px; } - &:last-child { - border-bottom: 0.5px solid $main-accent; - } &:hover { .linkMenu-item-buttons { display: flex; } .linkMenu-item-content { &.expand-two p { - width: calc(100% - 46px); + width: calc(100% - 52px); + background-color: lightgray; } &.expand-three p { - width: calc(100% - 78px); + width: calc(100% - 84px); + background-color: lightgray; } } } |