X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/8367a94e90e5e1bf7d06defe30d570ade2f00599..refs/pull/5280/head:/resources/sass/_header.scss diff --git a/resources/sass/_header.scss b/resources/sass/_header.scss index c1b6af4c6..d72b66729 100644 --- a/resources/sass/_header.scss +++ b/resources/sass/_header.scss @@ -2,12 +2,12 @@ * Includes the main navigation header and the faded toolbar. */ -header .grid { +header.grid { grid-template-columns: minmax(max-content, 2fr) 1fr minmax(max-content, 2fr); } @include smaller-than($l) { - header .grid { + header.grid { grid-template-columns: 1fr; grid-row-gap: 0; } @@ -205,9 +205,6 @@ header .search-box.search-active:focus-within { border: 2px solid rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 0 $-xs; - position: absolute; - right: $-m; - top: 13px; line-height: 1; cursor: pointer; user-select: none; @@ -215,20 +212,15 @@ header .search-box.search-active:focus-within { margin: 0; bottom: -2px; } - @include rtl() { - left: $-m; - right: auto; - } } - @include smaller-than($l) { header .header-links { @include lightDark(background-color, #fff, #333); display: none; z-index: 10; - right: $-m; + inset-inline-end: $-m; border-radius: 4px; overflow: hidden; position: absolute; @@ -364,43 +356,4 @@ header .search-box.search-active:focus-within { .faded span.faded-text { display: inline-block; padding: $-s; -} - -.action-buttons .text-button { - display: inline-block; - padding: $-xs $-s; - &:last-child { - padding-inline-end: 0; - } - &:first-child { - padding-inline-start: 0; - } -} - - -.action-buttons .dropdown-container:last-child a { - padding-inline-end: 0; - padding-inline-start: $-s; -} -.action-buttons { - text-align: end; - &.text-left { - text-align: start; - .text-button { - padding-inline-end: $-m; - padding-inline-start: 0; - } - } - &.text-center { - text-align: center; - } -} - -@include smaller-than($m) { - .action-buttons .text-button { - padding: $-xs $-xs; - } - .action-buttons .dropdown-container:last-child a { - padding-inline-start: $-xs; - } } \ No newline at end of file