FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix sidebar css

Browse source
This commit is contained in:
hossainemruz 2020-04-18 19:20:27 +06:00
parent f935b3c6df
commit 86b1a9ca7a
2 changed files with 28 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

34
static/assets/css/list.css
View file

@ -11,13 +11,13 @@
background: #f9fafc; background: #f9fafc;
min-height: 100vh; min-height: 100vh;
overflow: auto; overflow: auto;
transition: all ease-in-out 0.3s; transition: all ease-out 0.3s;
} }
.sidebar.hide { .sidebar.hide {
position: relative; position: relative;
width: 0; width: 0;
transition: all ease-in-out 0.3s; transition: all ease-out 0.3s;
z-index: -1001; z-index: -1001;
} }
@ -241,7 +241,7 @@ a.focused {
} }
.sidebar nav { .sidebar nav {
display: none; display: none;
transition: all ease-in-out 0.3s; transition: all ease-out 0.3s;
} }
.sidebar.hide { .sidebar.hide {
position: relative; position: relative;
@ -250,7 +250,13 @@ a.focused {
} }
.sidebar-tree { .sidebar-tree {
margin-left: -20rem;
transition: all 0.3s ease-out;
}
.sidebar.hide .sidebar-tree{
margin-left: 1.5rem; margin-left: 1.5rem;
transition: all 0.3s ease-out;
} }
.content-cards { .content-cards {
@ -312,7 +318,7 @@ a.focused {
width: 100vw; width: 100vw;
min-height: 0; min-height: 0;
overflow: hidden; overflow: hidden;
transition: all ease-in-out 0.5s; transition: all ease-out 0.5s;
} }
.sidebar-tree { .sidebar-tree {
@ -325,35 +331,35 @@ a.focused {
width: 100vw; width: 100vw;
max-height: 100vh; max-height: 100vh;
overflow: hidden; overflow: hidden;
transition: all ease-in-out 0.5s; transition: all ease-out 0.5s;
} }
.content-cards { .content-cards {
padding-top: 20px; padding-top: 20px;
padding-left: 0px; padding-left: 0px;
transition: all ease-in-out 0.5s; transition: all ease-out 0.5s;
} }
.content.overley .content-cards { .content.overley .content-cards {
padding-top: 0px; padding-top: 0px;
padding-left: 0px; padding-left: 0px;
transition: all ease-in-out 0.5s; transition: all ease-out 0.5s;
} }
.post-cards { .post-cards {
margin: 0; margin: 0;
margin-top: 32px; margin-top: 32px;
transition: all ease-in-out 0.5s; transition: all ease-out 0.5s;
} }
.content.overley .post-cards { .content.overley .post-cards {
margin: 0; margin: 0;
transition: all ease-in-out 0.5s; transition: all ease-out 0.5s;
} }
.post-cards .filtr-item { .post-cards .filtr-item {
margin: 10px; margin: 0px;
width: 90vw !important; width: 95vw !important;
} }
.post-cards .card { .post-cards .card {
@ -361,11 +367,11 @@ a.focused {
} }
.content.overley .post-cards .filtr-item { .content.overley .post-cards .filtr-item {
margin: 10px; margin: 0px;
width: 90vw !important; width: 95vw !important;
} }
.content.overley .post-cards .card { .content.overley .post-cards .card {
max-width: 90vw !important; max-width: 95vw !important;
} }
} }

9
static/assets/css/navbar.css
View file

@ -160,6 +160,13 @@
/* Medium devices (tablets, 768px and up) */ /* Medium devices (tablets, 768px and up) */
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.initial-navbar .navbar-nav .active,
.initial-navbar li a:hover {
color: #2098d1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.final-navbar .navbar-nav .active, .final-navbar .navbar-nav .active,
.final-navbar li a:hover { .final-navbar li a:hover {
color: #2098d1; color: #2098d1;
@ -173,7 +180,7 @@
border-bottom: none; border-bottom: none;
} }
.navbar-collapse.show { .final-navbar .navbar-collapse.show {
box-shadow: 5px 10px 10px rgba(192, 204, 218, 0.3); box-shadow: 5px 10px 10px rgba(192, 204, 218, 0.3);
transition: all 0.3s ease-out; transition: all 0.3s ease-out;
} }