Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2026-02-14 20:18:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Sidebar overhaul - change position to absolute, fix weird style bugs, disable scrollbar

Browse source
This commit is contained in:
Nadav Tasher 2024-07-06 22:06:49 +03:00
parent d63507dd97
commit b7e8f796a3
5 changed files with 25 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

39
client/components/sidebar/sidebar.css
View file

@ -3,16 +3,16 @@
top: 0;
bottom: 0;
right: 0;
overflow-y: scroll;
}
.sidebar::-webkit-scrollbar {
/* Hide scroll bars from middle of the screen */
display: none !important;
}
.sidebar .sidebar-shadow {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: #f7f7f7;
box-shadow: -10px 0px 5px -10px #b3b3b3;
z-index: 10;
height: 100%;
}
.sidebar-xmark {
position: absolute;
@ -24,17 +24,16 @@
.sidebar-xmark:hover {
background: rgba(0,0,0,0.15);
}
.sidebar-actions {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 10px 10px 0px 10px;
}
.sidebar .sidebar-content {
padding: 12px;
padding: 0 12px;
margin-bottom: 1.6em;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow-x: hidden;
overflow-y: auto;
width: 90%;
}
.sidebar .sidebar-content .hide-btn {
display: none;
@ -110,21 +109,19 @@
margin-right: 10px;
}
.sidebar .sidebar-shortcuts {
position: absolute;
margin-left: 40%;
padding: 0;
top: 7px;
font-size: 0.8em;
line-height: 1.6em;
color: #999;
}
.board-sidebar {
width: 548px;
right: -548px;
display: none;
width: 30vw;
z-index: 100;
transition: top 0.1s, right 0.1s, width 0.1s;
}
.board-sidebar.is-open {
right: 0;
display: block;
}
.board-widget h4 {
margin: 5px 0;