Feeling Lucky
?
?
[#32560] - [4.0] [atum] Login page on mobile is too long
- Closed
- 10 Mar 2021
- Medium
- Build: staging
- # 32560
Steps to reproduce the issue
Visit the backend login page on a mobile device or reduce your viewport width.
Expected result
Login form inside the viewport
Actual result
Login form outside of the viewport
joomla-cms-bot
- | Labels |
Added:
?
|
||
infograf768
- comment
- 2 Mar 2021
Looks related to
.sidebar-wrapper {
z-index: 1010;
min-height: calc(100vh - 69px); // by commenting this it solves the issue here.
background-color: var(--atum-sidebar-bg);
box-shadow: 0 2px 4px rgba(0,0,0,.16),0 2px 4px rgba(0,0,0,.23);
}
I guess it should be overriden for the loginform
infograf768
- comment
- 2 Mar 2021
Maybe modifying
joomla-cms/administrator/templates/atum/scss/blocks/_login.scss
Lines 178 to 185 in 705ce67
to
.container-main,
.sidebar-wrapper {
@include media-breakpoint-down(md) {
flex: 1 0 100% !important;
max-width: 100% !important;
min-height: auto;
}
}
drmenzelit
- comment
- 2 Mar 2021
@infograf768 your code will help. But I'm wondering about the order of the elements: in the css the sidebar is defined with order: 2 for small displays
@include media-breakpoint-down(md) {
order: 2;
}
but it is overwritten from the class order-0
So I'm not sure what to do...
infograf768
- comment
- 2 Mar 2021
As I am not familiar with “order”, don’t know either.
ciar4n
- | Labels |
Added:
?
|
||
| Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2021-03-10 18:30:58 |
| Closed_By | ⇒ | drmenzelit |
Confirmed.