From d3554b3b6496ed43223ad6468294e2c5a5ce7f22 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Bo=CC=88se?= Date: Wed, 15 Mar 2023 10:08:57 +0100 Subject: [PATCH 1/2] #1248 Overflow auf Beitrag in der Beta - No margin for viewports tablet and smaller --- src/sass/structure/content/_posts.scss | 42 ++++++++------------------ style.css | 5 +++ 2 files changed, 17 insertions(+), 30 deletions(-) diff --git a/src/sass/structure/content/_posts.scss b/src/sass/structure/content/_posts.scss index 45d3494f..654cf8dd 100644 --- a/src/sass/structure/content/_posts.scss +++ b/src/sass/structure/content/_posts.scss @@ -3,48 +3,41 @@ /*-----------------------------------------------------------------------------------*/ @use "sass:math"; - // outside-the-box image .my-custom-image { width: 100%; - - } .my-custom-image-div { margin-inline: -10%; - - } .fau-row-outisde { width: 100%; - - } .fau-row-outisde-div { margin-inline: -25%; - p { - max-width: 60%; - width: 60%; - margin-left: 20% !important; - } - figure { - padding: 0 !important; - margin: 0 !important; + + @media (max-width: $screen-xl) { + margin-inline: unset; + } + p { + max-width: 60%; + width: 60%; + margin-left: 20% !important; + } + figure { + padding: 0 !important; + margin: 0 !important; } } - - .post-navigation { background-color: #f3f9ff; padding: 0px; margin-top: 90px; - display: inline; - } .nav-previous { @@ -52,8 +45,6 @@ a { text-align: left; - - } ::before { @@ -72,18 +63,13 @@ transform: rotate(180deg); background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%23222222" d="M14.83,11.29,10.59,7.05a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.41L12.71,12,9.17,15.54a1,1,0,0,0,0,1.41,1,1,0,0,0,.71.29,1,1,0,0,0,.71-.29l4.24-4.24A1,1,0,0,0,14.83,11.29Z"/%3E%3C/svg%3E%0A'); } - - - } .nav-next { float: right; - a { text-align: right; - } ::before { @@ -138,11 +124,7 @@ text-decoration: none; transition: none; text-decoration-color: none; - } - - - } .nav-previous:hover, diff --git a/style.css b/style.css index 5c1677ea..dd5b5544 100644 --- a/style.css +++ b/style.css @@ -12190,6 +12190,11 @@ ul.assistant-tabs-nav li:last-child { .fau-row-outisde-div { margin-inline: -25%; } +@media (max-width: 1400px) { + .fau-row-outisde-div { + margin-inline: unset; + } +} .fau-row-outisde-div p { max-width: 60%; width: 60%; From c7354d8a58906793d2f388fd7d8524180faf803e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Bo=CC=88se?= Date: Wed, 15 Mar 2023 11:55:56 +0100 Subject: [PATCH 2/2] #1247 - Changed background colors for level2 and level3 hover, as well as default portal button background color --- src/sass/structure/navigation/_mainmenu.scss | 3 ++- style.css | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/sass/structure/navigation/_mainmenu.scss b/src/sass/structure/navigation/_mainmenu.scss index 2081f225..6c3d5d8e 100644 --- a/src/sass/structure/navigation/_mainmenu.scss +++ b/src/sass/structure/navigation/_mainmenu.scss @@ -107,7 +107,7 @@ a:hover, a:focus { color: var(--color-mainmenu-sublevel-hover-text); - background-color: var(--color-mainmenu-sublevel-hover-bg); + background-color: var(--color-mainmenu-sublevel-bg); @include border-radius(3px); } } @@ -137,6 +137,7 @@ @include px2rem($font-size-nav-buttons); padding: 0.5rem 1rem; margin-left: 20px; + background-color: var(--color-mainmenu-sublevel-bg); } ul { diff --git a/style.css b/style.css index dd5b5544..6f6d96f6 100644 --- a/style.css +++ b/style.css @@ -9692,7 +9692,7 @@ body:not(.mainnav-forceclick):not(.ismobile) .nav > li.has-sub:focus-within .nav .nav .level3 a:hover, .nav .level3 a:focus { color: var(--color-mainmenu-sublevel-hover-text); - background-color: var(--color-mainmenu-sublevel-hover-bg); + background-color: var(--color-mainmenu-sublevel-bg); border-radius: 3px; background-clip: padding-box; } @@ -9726,6 +9726,7 @@ body:not(.mainnav-forceclick):not(.ismobile) .nav > li.has-sub:focus-within .nav line-height: 1.688rem; padding: 0.5rem 1rem; margin-left: 20px; + background-color: var(--color-mainmenu-sublevel-bg); } .nav .button-portal:hover, .nav .button-portal:focus { color: var(--color-button-hover-text);