feature: notification responsive
This commit is contained in:
parent
9cb7977d3b
commit
1ce47b03dd
@ -122,7 +122,6 @@ solid-notifications {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
-ms-overflow-style: none;
|
-ms-overflow-style: none;
|
||||||
|
|
||||||
scrollbar-width: thin;
|
scrollbar-width: thin;
|
||||||
scrollbar-color: var(--color-notification-scrollbar-track) var(--color-notification-scrollbar-background);
|
scrollbar-color: var(--color-notification-scrollbar-track) var(--color-notification-scrollbar-background);
|
||||||
|
|
||||||
@ -173,12 +172,24 @@ solid-notifications {
|
|||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
line-height: 1.7rem;
|
line-height: 1.7rem;
|
||||||
margin: 1.1rem 0 0;
|
margin: 1.1rem 0 0;
|
||||||
|
|
||||||
|
@include breakpoint(320px, 388px) {
|
||||||
|
max-width: 226px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint(lg) {
|
||||||
|
max-width: 256px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.solid-notification__date {
|
.solid-notification__date {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.solid-notification__read {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user