watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-07 06:07:17 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Position error tooltip below form field on narrow screen sizes

Browse source
This commit is contained in:
Arnelle Balane 2020-10-23 02:00:58 +08:00
parent 63f24e55f1
commit 57d459f78f
No known key found for this signature in database
GPG key ID: F094C9F7CF402FAD
6 changed files with 58 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

20
components/layout/FormLayout.module.css
View file

@ -17,6 +17,10 @@
line-height: 1.8;
}
.row > div {
position: relative;
}
.buttons {
display: flex;
justify-content: center;
@ -33,9 +37,9 @@
justify-content: center;
align-items: center;
top: 0;
left: 100%;
left: calc(100% + 16px);
bottom: 0;
margin-left: 16px;
z-index: 1;
}
.msg {
@ -68,3 +72,15 @@
color: var(--gray50);
background: var(--gray800);
}
@media only screen and (max-width: 576px) {
.error {
align-items: flex-start;
top: calc(100% + 7px);
left: 0;
}
.error:after {
left: 10px;
}
}