Merge branch 'main' of hectabit.org:HectaBit/hectabit-website
This commit is contained in:
commit
7e8cbecac5
|
@ -49,20 +49,23 @@ body {
|
||||||
|
|
||||||
/* Sidebar styles */
|
/* Sidebar styles */
|
||||||
.sidebar {
|
.sidebar {
|
||||||
|
border-radius: 10px;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
background-color: var(--sidebar-color);
|
background-color: var(--sidebar-color);
|
||||||
color: white;
|
color: white;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
width: 250px;
|
width: 250px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 5px;
|
||||||
left: 0;
|
left: 5px;
|
||||||
height: 100%;
|
bottom: 5px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
box-shadow: lightgrey 5px 5px 5px;
|
box-shadow: lightgrey 5px 5px 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.closebar {
|
.closebar {
|
||||||
|
left: 2px;
|
||||||
|
top: 15px;
|
||||||
background-color: #0000;
|
background-color: #0000;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
@ -117,7 +120,7 @@ p1 {
|
||||||
padding: 7px 16px;
|
padding: 7px 16px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: var(--button-color);
|
background-color: var(--button-color);
|
||||||
transition: all 0.3s ease 0s;
|
transition: all 0.3s ease;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -126,6 +129,7 @@ p1 {
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
|
border-radius: 5px;
|
||||||
border: none;
|
border: none;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
@ -164,11 +168,11 @@ button:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.closebar.expanded {
|
.closebar.expanded {
|
||||||
transform: translateX(-290px);
|
transform: translateX(-295px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar.hidden {
|
.sidebar.hidden {
|
||||||
transform: translateX(-290px);
|
transform: translateX(-295px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.content.expanded + .sidebar.hidden {
|
.content.expanded + .sidebar.hidden {
|
||||||
|
|
Reference in New Issue