X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/43cbab28220c5c9cb16222c22bf2090268b83e7f..refs/pull/3918/head:/resources/sass/_pages.scss diff --git a/resources/sass/_pages.scss b/resources/sass/_pages.scss index 3ceec61d0..720203a42 100755 --- a/resources/sass/_pages.scss +++ b/resources/sass/_pages.scss @@ -182,7 +182,7 @@ body.tox-fullscreen, body.markdown-fullscreen { // Page content pointers .pointer-container { - position: relative; + position: fixed; display: none; left: 0; z-index: 10; @@ -196,11 +196,8 @@ body.tox-fullscreen, body.markdown-fullscreen { padding: $-s $-s; border-radius: 4px; box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.1); - position: absolute; - top: -60px; @include lightDark(background-color, #fff, #333); width: 275px; - z-index: 55; &.is-page-editable { width: 328px; @@ -281,16 +278,16 @@ body.tox-fullscreen, body.markdown-fullscreen { &.open { width: 480px; } - [toolbox-toggle] svg { + .toolbox-toggle svg { transition: transform ease-in-out 180ms; } - [toolbox-toggle] { + .toolbox-toggle { transition: background-color ease-in-out 180ms; } - &.open [toolbox-toggle] { + &.open .toolbox-toggle { background-color: rgba(255, 0, 0, 0.29); } - &.open [toolbox-toggle] svg { + &.open .toolbox-toggle svg { transform: rotate(180deg); } > div { @@ -360,7 +357,7 @@ body.tox-fullscreen, body.markdown-fullscreen { } } -[toolbox-tab-content] { +.toolbox-tab-content { display: none; }