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

Use unified navbar for all pages

Browse source 
Signed-off-by: hossainemruz <hossainemruz@gmail.com>
This commit is contained in:
hossainemruz 2023-09-26 03:58:32 +06:00
parent 5a9af3cc46
commit cb0ae29984
24 changed files with 243 additions and 298 deletions
Download patch file Download diff file Expand all files Collapse all files

2
assets/styles/layouts/404.scss
View file

@ -1,5 +1,5 @@
body.kind-404 {
.navbar-toggler {
#sidebar-toggler {
display: none;
}

11
assets/styles/layouts/list.scss
View file

@ -110,10 +110,6 @@ body.kind-page {
display: block;
}
#toc-toggler {
visibility: hidden;
}
.navbar-collapse.lang-selector {
display: block !important;
position: absolute;
@ -164,7 +160,6 @@ body.kind-page {
margin-top: 0.5rem;
transition: all ease-out 0.3s;
}
}
@include media('<medium') {
.post-card {
@ -173,17 +168,17 @@ body.kind-page {
width: 98%;
}
}
@include media('>=medium','<large') {
@include media('>=medium', '<large') {
.post-card {
width: calc(100% / 2);
}
}
@include media('>=large','<very-large') {
@include media('>=large', '<very-large') {
.post-card {
width: calc(100% / 3);
}
}
@include media('>=very-large','<extra-large') {
@include media('>=very-large', '<extra-large') {
.post-card {
width: calc(100% / 4);
}

120
assets/styles/layouts/notes.scss
View file

@ -16,63 +16,63 @@ body.type-notes {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.content {
padding: 0;
position: relative;
padding-top: 2rem;
min-height: 130vh;
}
.note-card-holder{
.note-card-holder {
padding-top: 2rem;
display: grid;
grid-gap: 0.5rem;
grid-template-columns: repeat(auto-fill, minmax(30rem,1fr));
grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
grid-auto-rows: 20px;
}
/* .note-collection {
display: flex;
flex-wrap: wrap;
} */
.note-card {
align-self: flex-start;
}
.note-card .card{
.note-card .card {
margin: 0.5rem;
}
.note-title{
.note-title {
padding-left: 1rem;
color: #248aaa;
}
.note-title span{
.note-title span {
background: #e5e9f2;
padding-right: 5px;
}
.note-title:before{
content:'';
display:inline-block;
width:98%;
height:100%;
margin-bottom:-26px;
.note-title:before {
content: '';
display: inline-block;
width: 98%;
height: 100%;
margin-bottom: -26px;
border-bottom: 1px solid #248aaa;
}
.note-card .card-body{
.note-card .card-body {
padding: 1rem;
}
.note-card pre {
margin: 0;
border-radius: 3px;
}
/* .small-note{
max-width: 15rem;
}
@ -86,14 +86,13 @@ body.type-notes {
}
.huge-note{} */
.note-badge{
.note-badge {
font-size: 10pt;
}
/* ============= Device specific fixes ======= */
/* Large screens such as TV */
@media only screen and (min-width: 1824px) {
.content-section {
@ -103,20 +102,18 @@ body.type-notes {
max-width: 85%;
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1400px) {
.note-card-holder {
margin-left: 0px;
}
}
@media (max-width: 1200px) {
}
/* IPad Pro */
@media (max-width: 1024px) {
.wrapper {
@ -130,12 +127,12 @@ body.type-notes {
padding-bottom: 0.5rem;
transition: all ease-out 0.3s;
}
.content-section.hide {
max-width: 60%;
transition: all ease-out 0.3s;
}
.content {
overflow: hidden;
}
@ -145,18 +142,14 @@ body.type-notes {
.navbar-toggler {
display: block;
}
#toc-toggler {
visibility: hidden;
}
.navbar-collapse.lang-selector {
display: block !important;
position: absolute;
right: 0;
top: 0.5rem;
}
.note-card-holder {
margin: 0;
margin-top: 1.5rem;
@ -165,37 +158,36 @@ body.type-notes {
position: relative;
transition: all ease-out 0.3s;
}
.content-section.hide .note-card-holder{
grid-template-columns: repeat(auto-fill, minmax(30rem,1fr));
.content-section.hide .note-card-holder {
grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
transition: all ease-out 0.3s;
}
}
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
.note-card-holder .note-card {
max-width: 100%;
min-width: 50%;
transition: all ease-out 0.3s;
}
.content-section.hide .note-card-holder .note-card {
max-width: 100%;
min-width: 100%;
transition: all ease-out 0.3s;
}
}
/* Medium devices (tablets, 768px and up) */
@media only screen and (max-width: 768px) {
}
/* Small devices (landscape phones, 576px and up) */
@media only screen and (max-width: 576px) {
.wrapper {
padding-left: 0px;
@ -203,33 +195,35 @@ body.type-notes {
flex-flow: column;
overflow: hidden;
}
.content-section, .content-section.hide {
.content-section,
.content-section.hide {
flex: 100%;
max-width: 100%;
padding-left: 0;
width: 100%;
transition: all ease-out 0.3s;
}
.content {
width: 100%;
padding-left: 0;
padding-right: 0;
transition: all ease-out 0.3s;
}
.content-section.hide .content {
margin-top: 0;
padding-top: 0;
transition: all ease-out 0.3s;
}
.content-section.hide .note-card-holder {
margin-top: 0.5rem;
transition: all ease-out 0.3s;
}
.note-card-holder .note-card, .content-section.hide .note-card-holder .note-card {
.note-card-holder .note-card,
.content-section.hide .note-card-holder .note-card {
margin-left: 1%;
margin-right: 1%;
max-width: 98%;
@ -237,16 +231,16 @@ body.type-notes {
transition: all ease-out 0.3s;
}
}
/* iPhoneX, iPhone 6,7,8 */
@media only screen and (max-width: 375px) {
}
/* Galaxy S5, Moto G4 */
@media only screen and (max-width: 360px) {
}
/* iPhone 5 or before */
@media only screen and (max-width: 320px) {
}
}
}