From 2a14146804af95baf5c370c91ec93bfa43be784e Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Mon, 15 May 2023 14:56:46 +0200 Subject: [PATCH] Update the visual style editor for status elements --- wcfsetup/install/files/acp/style/acpStyleEditor.css | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/wcfsetup/install/files/acp/style/acpStyleEditor.css b/wcfsetup/install/files/acp/style/acpStyleEditor.css index 846ba58ae8..112a4f8093 100644 --- a/wcfsetup/install/files/acp/style/acpStyleEditor.css +++ b/wcfsetup/install/files/acp/style/acpStyleEditor.css @@ -97,12 +97,8 @@ html[dir="rtl"] #spContentSidebar { margin-right: 20px; } #spContentSidebar .spContentSidebarHeadline { font-size: 1.2rem; font-weight: 300; margin-bottom: 10px; } /* ### status messages ### */ -#spStatus { display: flex; flex-wrap: wrap; justify-content: space-between; } -#spStatus > li { flex: 0 0 auto; width: calc(50% - 10px); /* work-around for IE which does not support calc() for flex-basis */ } -#spStatus > li:first-child { margin-bottom: 10px; } -#spStatus > li > div { padding: 5px 10px; } -html[dir="ltr"] #spStatus > li > div { border-left: 5px solid #000; } -html[dir="rtl"] #spStatus > li > div { border-right: 5px solid #000; } +#spStatus { display: flex; flex-direction: column; row-gap: 10px; } +#spStatus > li > div { border: 1px solid #000; border-radius: var(--wcfBorderRadius); padding: 5px 10px; } /* ### wrapper sidebar ### */ .spSidebarBox { background-color: var(--wcfSidebarBackground); border: 1px solid var(--wcfSidebarBorder); border-radius: var(--wcfBorderRadius); margin-bottom: 10px; padding: 10px; } -- 2.20.1