X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/883e18f7c4fe474d688b08bbc7d95643f1680a57..refs/pull/3918/head:/resources/sass/_pages.scss diff --git a/resources/sass/_pages.scss b/resources/sass/_pages.scss index 73819975f..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; } @@ -396,10 +393,14 @@ body.tox-fullscreen, body.markdown-fullscreen { } } -.entity-list-item > span:first-child, .icon-list-item > span:first-child, .chapter-expansion > .icon { +.entity-list-item > span:first-child, +.icon-list-item > span:first-child, +.split-icon-list-item > a > .icon, +.chapter-expansion > .icon { font-size: 0.8rem; width: 1.88em; height: 1.88em; + flex-shrink: 0; display: flex; align-items: center; justify-content: center;