diff options
| author | Geireann Lindfield Roberts <60007097+geireann@users.noreply.github.com> | 2021-09-23 15:09:32 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-09-23 15:09:32 -0400 |
| commit | 281ea90236adb8cb3ff8db7ddc76a466a8641bcd (patch) | |
| tree | be9a5086596e33c269857c9ead0293719786035e /src/client/views/nodes/formattedText/FormattedTextBox.scss | |
| parent | 26e265c6fc4950b859724aa2c0fbe6a028a56bfc (diff) | |
| parent | d5f9533d153e11e24d2ab7c03b4561170f0768fe (diff) | |
Merge branch 'master' into linking-anh
Diffstat (limited to 'src/client/views/nodes/formattedText/FormattedTextBox.scss')
| -rw-r--r-- | src/client/views/nodes/formattedText/FormattedTextBox.scss | 29 |
1 files changed, 19 insertions, 10 deletions
diff --git a/src/client/views/nodes/formattedText/FormattedTextBox.scss b/src/client/views/nodes/formattedText/FormattedTextBox.scss index 3cedab1a4..27817f317 100644 --- a/src/client/views/nodes/formattedText/FormattedTextBox.scss +++ b/src/client/views/nodes/formattedText/FormattedTextBox.scss @@ -67,13 +67,27 @@ audiotag:hover { .formattedTextBox-sidebar-handle { position: absolute; top: 0; + left: 17px; //top: calc(50% - 17.5px); // use this to center vertically -- make sure it looks okay for slide views - width: 10px; - height: 100%; - max-height: 35px; - background: lightgray; - border-radius: 20px; + width: 17px; + height: 17px; + font-size: 11px; + border-radius: 3px; + color: white; + background: $medium-gray; + border-radius: 5px; + display: flex; + justify-content: center; + align-items: center; cursor:grabbing; + box-shadow: $standard-box-shadow; + // transition: 0.2s; + opacity: 0.3; + &:hover{ + opacity: 1 !important; + filter: brightness(0.85); + } + } .formattedTextBox-sidebar, @@ -414,12 +428,7 @@ footnote::after { .formattedTextBox-sidebar-handle { position: absolute; - top: 0; - //top: calc(50% - 17.5px); // use this to center vertically -- make sure it looks okay for slide views - width: 10px; - height: 35px; background: lightgray; - border-radius: 20px; cursor: grabbing; } |