vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

fix: sticky header and footer for accessibility

Browse source 
(cherry picked from commit 17e1d03a47)
This commit is contained in:
Sagar Vora 2021-05-03 12:19:56 +05:30 • committed by mergify-bot
parent 49faecc354
commit 667e33dc3f
1 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frappe/public/scss/common/modal.scss
View file

@ -17,9 +17,13 @@ body.modal-open[style^="padding-right"] {
border-color: var(--border-color);
}
.modal-header {
position: sticky;
top: 0;
z-index: 3;
background: inherit;
padding: var(--padding-md) var(--padding-lg);
padding-bottom: 0;
border-bottom: 0;
// padding-bottom: 0;
border-bottom: 1px solid var(--border-color);
.modal-title {
font-weight: 500;
@ -64,9 +68,17 @@ body.modal-open[style^="padding-right"] {
}
}
.awesomplete ul {
z-index: 2;
}
.modal-footer {
position: sticky;
bottom: 0;
z-index: 1;
background: inherit;
padding: var(--padding-md) var(--padding-lg);
border-top: 0;
border-top: 1px solid var(--border-color);
justify-content: space-between;
button {