asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Beautified sidebar in x-large screens.

Browse source 
screen width >= 1650px
This commit is contained in:
Cotes Chung 2020-01-04 04:59:09 +08:00
parent 2386fe5bd8
commit 34836f7703
2 changed files with 20 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/sidebar.html
View file

@ -43,7 +43,7 @@
{% if item.url == page_urls.last or
item.name == "Home" and page.layout == "home" %}active{% endif %}">
<a href="{{ ref }}" class="nav-link d-flex justify-content-center align-items-center w-100">
<i class="fa-fw {{ item.icon }} ml-3 mr-4 unloaded"></i>
<i class="fa-fw {{ item.icon }} ml-3 mr-3 unloaded"></i>
<span>{{ item.name | upcase }}</span>
</a>
</li> <!-- .nav-item -->

29
assets/css/main.scss
View file

@ -1249,24 +1249,30 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
width: 350px;
}
#sidebar ul {
margin-left: 5%;
}
#profile-wrapper {
margin-top: 4rem;
margin-bottom: 5rem;
margin-bottom: 3rem;
padding-left: 18%;
-ms-flex-direction: column!important;
flex-direction: row!important;
}
#avatar {
margin-left: 2.5rem;
-webkit-box-pack: normal !important;
-ms-flex-pack: normal !important;
justify-content: normal !important;
}
#avatar > a {
width: 5rem;
height: 5rem;
width: 6.2rem;
height: 6.2rem;
}
.profile-text {
margin-top: 0!important;
padding-left: .5rem;
/* .d-flex */
display: -webkit-box!important;
display: -ms-flexbox!important;
@ -1280,18 +1286,19 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
}
#site-title a {
text-transform: uppercase;
font-size: 1.7rem;
letter-spacing: 1px;
}
.profile-text>div {
text-align: left !important;
margin-left: .8rem !important;
width: 100%;
}
#site-subtitle {
word-spacing: 0;
margin-top: .3rem;
margin-bottom: 0;
padding-right: 3rem;
margin: .3rem 0 0 0;
}
#sidebar ul>li>a {
@ -1317,7 +1324,7 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
}
.contact {
margin-left: 2.5rem;
margin-left: 3.5rem;
margin-right: 4.5rem;
font-size: 1.3rem;
padding-bottom: 1rem;