fraport/fradrive-old
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(ribbon): responsiveness

Browse Source
This commit is contained in:
Gregor Kleen 2019-08-27 09:45:30 +02:00
parent c2e13cf4df
commit 336f9b5799
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
templates/default-layout.lucius
View File

@ -699,6 +699,7 @@ section {
.ribbon { .ribbon {
position: fixed; position: fixed;
top: calc(40px + var(--header-height)); top: calc(40px + var(--header-height));
transition: all .2s cubic-bezier(0.03, 0.43, 0.58, 1);
right: -63px; right: -63px;
transform: rotate(45deg); transform: rotate(45deg);
width: 250px; width: 250px;
@ -713,8 +714,10 @@ section {
pointer-events: none; pointer-events: none;
} }
@media (max-height: 500px) { @media (max-width: 768px) {
.ribbon { .ribbon {
top: calc(25px + var(--header-height-collapsed)); top: calc(20px + var(--header-height-collapsed));
right: -83px;
transform: rotate(45deg) scale(0.6);
} }
} }

1
templates/widgets/navbar/navbar.lucius
View File

@ -10,6 +10,7 @@
width: 20px; width: 20px;
z-index: 50; z-index: 50;
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.4), transparent); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.4), transparent);
transition: height .2s cubic-bezier(0.03, 0.43, 0.58, 1);
} }
@media (min-width: 768px) { @media (min-width: 768px) {