diff --git a/media_source/templates/administrator/atum/scss/blocks/_form.scss b/media_source/templates/administrator/atum/scss/blocks/_form.scss index b9915f636621a..e59d90d783a03 100644 --- a/media_source/templates/administrator/atum/scss/blocks/_form.scss +++ b/media_source/templates/administrator/atum/scss/blocks/_form.scss @@ -146,10 +146,6 @@ label.valid { box-shadow: $input-box-shadow; } -.sortable-handler.inactive { - opacity: .3; -} - // set up hidden tooltip [role="tooltip"]:not(.show) { z-index: $zindex-tooltip; diff --git a/media_source/templates/administrator/atum/scss/system/searchtools/searchtools.scss b/media_source/templates/administrator/atum/scss/system/searchtools/searchtools.scss index c03f773122599..7099e5267181a 100644 --- a/media_source/templates/administrator/atum/scss/system/searchtools/searchtools.scss +++ b/media_source/templates/administrator/atum/scss/system/searchtools/searchtools.scss @@ -42,10 +42,25 @@ } } } + + @media (max-width: 575.98px) { + >.ordering-select { + margin-inline: 0; + inline-size: 100%; + } + } } .ordering-select { display: flex; + + @media (max-width: 575.98px) { + flex-direction: column; + align-items: stretch; + gap: 8px; + inline-size: 100%; + margin-inline-start: 0; + } } } @@ -66,6 +81,19 @@ + .js-stools-field-list { margin-inline-start: 8px; } + + @media (max-width: 575.98px) { + inline-size: 100%; + max-inline-size: 100%; + + + .js-stools-field-list { + margin-inline-start: 0; + } + + select { + inline-size: 100%; + } + } } .js-stools-container-selector { diff --git a/media_source/templates/administrator/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss b/media_source/templates/administrator/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss index f6d2507e350c5..d17b99c799da6 100644 --- a/media_source/templates/administrator/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss +++ b/media_source/templates/administrator/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss @@ -293,6 +293,18 @@ joomla-tab[view=accordion] { content: attr(data-label) ":"; } + .respTable td:nth-child(2) { + text-align: start; + + &::before { + display: block; + float: none; + padding-inline-end: 0; + margin-block-end: .5rem; + } + + } + .respTable td:nth-child(1) { font-weight: $bold-weight; } @@ -309,6 +321,18 @@ joomla-tab[view=accordion] { } +@include media-breakpoint-down(lg) { + joomla-tab[view=accordion] #permissions-sliders .respTable td:nth-child(2) .d-flex { + flex-direction: column; + align-items: stretch !important; + } + + joomla-tab[view=accordion] #permissions-sliders .respTable td:nth-child(2) select { + inline-size: 100%; + max-inline-size: 100%; + } +} + @if $enable-dark-mode { @include color-mode(dark) { joomla-tab { diff --git a/media_source/templates/site/cassiopeia/scss/system/searchtools/searchtools.scss b/media_source/templates/site/cassiopeia/scss/system/searchtools/searchtools.scss index e42ebdf50ffc0..411dba4622f08 100644 --- a/media_source/templates/site/cassiopeia/scss/system/searchtools/searchtools.scss +++ b/media_source/templates/site/cassiopeia/scss/system/searchtools/searchtools.scss @@ -21,6 +21,21 @@ .ordering-select { display: flex; + + @media (max-width: 575.98px) { + flex-direction: column; + align-items: stretch; + gap: 8px; + inline-size: 100%; + margin-inline-start: 0; + } + } + + @media (max-width: 575.98px) { + > .ordering-select { + margin-inline: 0; + inline-size: 100%; + } } } @@ -47,6 +62,19 @@ + .js-stools-field-list { margin-inline-start: 8px; } + + @media (max-width: 575.98px) { + inline-size: 100%; + max-inline-size: 100%; + + + .js-stools-field-list { + margin-inline-start: 0; + } + + select { + inline-size: 100%; + } + } } .js-stools-field-selector {