diff --git a/frontend/src/views/components/ConfigSettings/ConfigSettings.css b/frontend/src/views/components/ConfigSettings/ConfigSettings.css index ffb809a..1da77fe 100644 --- a/frontend/src/views/components/ConfigSettings/ConfigSettings.css +++ b/frontend/src/views/components/ConfigSettings/ConfigSettings.css @@ -333,7 +333,7 @@ } } @container settings-content (max-width: 560px) { - :global(.settings-drawer-desktop) .config-workspace { + :global(.settings-drawer-desktop .config-workspace) { grid-template-columns: minmax(0, 1fr); grid-template-areas: "submenu" @@ -341,12 +341,12 @@ gap: 16px; } - :global(.settings-drawer-desktop) .config-navigation { + :global(.settings-drawer-desktop .config-navigation) { position: static; min-width: 0; } - :global(.settings-drawer-desktop) .config-main { + :global(.settings-drawer-desktop .config-main) { min-width: 0; } diff --git a/frontend/src/views/components/SettingsSubmenu/SettingsSubmenu.css b/frontend/src/views/components/SettingsSubmenu/SettingsSubmenu.css index fdef1ce..5b2c0b8 100644 --- a/frontend/src/views/components/SettingsSubmenu/SettingsSubmenu.css +++ b/frontend/src/views/components/SettingsSubmenu/SettingsSubmenu.css @@ -248,29 +248,29 @@ } @container settings-content (max-width: 560px) { - :global(.settings-drawer-desktop) .settings-submenu { + :global(.settings-drawer-desktop .settings-submenu) { padding: 10px; } - :global(.settings-drawer-desktop) .settings-submenu-heading { + :global(.settings-drawer-desktop .settings-submenu-heading) { flex-direction: column; align-items: flex-start; gap: 2px; padding: 0 2px 8px; } - :global(.settings-drawer-desktop) .settings-submenu-list { + :global(.settings-drawer-desktop .settings-submenu-list) { display: grid; gap: 3px; padding: 0; } - :global(.settings-drawer-desktop) .settings-submenu-entry { + :global(.settings-drawer-desktop .settings-submenu-entry) { min-width: 0; width: 100%; } - :global(.settings-drawer-desktop) .settings-submenu-item { + :global(.settings-drawer-desktop .settings-submenu-item) { width: 100%; min-width: 0; white-space: nowrap; @@ -278,11 +278,11 @@ text-overflow: ellipsis; } - :global(.settings-drawer-desktop) .settings-tertiary-list { + :global(.settings-drawer-desktop .settings-tertiary-list) { grid-template-columns: minmax(0, 1fr); } - :global(.settings-drawer-desktop) .settings-tertiary-item { + :global(.settings-drawer-desktop .settings-tertiary-item) { min-width: 0; white-space: nowrap; overflow: hidden;