Adjust drawer width in small screen

Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2021-12-26 16:16:58 +05:30
parent d02e8dcd4e
commit d46b046f2d
3 changed files with 12 additions and 4 deletions

View file

@ -95,6 +95,9 @@
.message__reactions {
max-width: calc(100% - 88px);
min-width: 0;
@media (max-width: 1124px) {
max-width: 100%;
}
}

View file

@ -7,8 +7,6 @@
}
.pw {
--popup-window-drawer-width: 280px;
width: 100%;
height: 100%;
background-color: var(--bg-surface);

View file

@ -173,8 +173,14 @@
--navigation-drawer-width: calc(280px + var(--border-width));
--navigation-width: calc(var(--navigation-sidebar-width) + var(--navigation-drawer-width));
--people-drawer-width: calc(268px - var(--border-width));
// large size nav drawer & people drawer width => 326px, 312px
// medium size nav drawer & people drawer width => 280, 268
--popup-window-drawer-width: 280px;
@media (max-width: 1124px) {
--navigation-drawer-width: calc(240px + var(--border-width));
--people-drawer-width: calc(256px - var(--border-width));
--popup-window-drawer-width: 240px;
}
/* transition curves */
--fluid-push: cubic-bezier(0, 0.8, 0.67, 0.97);
@ -185,6 +191,7 @@
--font-secondary: 'Roboto', sans-serif;
}
.silver-theme {
/* background color | --bg-[background type]: value */
--bg-surface: hsl(0, 0%, 95%);