asandikci.com/web
1
0
Fork 0
Code Issues 11 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 {% if item.url == page_urls.last or
item.name == "Home" and page.layout == "home" %}active{% endif %}"> 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"> <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> <span>{{ item.name | upcase }}</span>
</a> </a>
</li> <!-- .nav-item --> </li> <!-- .nav-item -->

31
assets/css/main.scss
View file

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