Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

aside responsive fixes

Browse Source
This commit is contained in:
codecalm
2018-07-19 22:08:14 +02:00
parent f0f746d8ae
commit 79f7d92872
3 changed files with 51 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/_layouts/default.html
View File

@@ -6,8 +6,6 @@ layout: base
{% include aside.html %} {% include aside.html %}
{% endcomment %} {% endcomment %}
<div class="flex-fill d-flex">
<div class="aside"> <div class="aside">
<div class="aside-body"> <div class="aside-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam assumenda blanditiis consectetur culpa, cumque expedita illo in pariatur quibusdam voluptates? Eligendi est ex vero voluptate! In maxime optio perspiciatis repellat! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam assumenda blanditiis consectetur culpa, cumque expedita illo in pariatur quibusdam voluptates? Eligendi est ex vero voluptate! In maxime optio perspiciatis repellat!
@@ -17,7 +15,8 @@ layout: base
</div> </div>
</div> </div>
<div class="flex-fill d-flex flex-column"> <div class="page-main">
{% include header.html %} {% include header.html %}
<div class="my-3 my-md-5 flex-fill"> <div class="my-3 my-md-5 flex-fill">
@@ -35,4 +34,3 @@ layout: base
{% include footer-sub.html %} {% include footer-sub.html %}
{% include footer.html %} {% include footer.html %}
</div> </div>
</div>

11
src/assets/scss/dashboard/_aside.scss
View File

@@ -1,9 +1,18 @@
.aside { .aside {
background: #fff; background: #fff;
display: flex; display: none;
flex-direction: column; flex-direction: column;
width: 16rem; width: 16rem;
border-right: 1px solid $border-color; border-right: 1px solid $border-color;
position: fixed;
left: 0;
bottom: 0;
top: 0;
@include media-breakpoint-up(xl) {
display: flex;
}
} }
.aside-body { .aside-body {

16
src/assets/scss/dashboard/_layout.scss
View File

@@ -1,3 +1,10 @@
.container {
@include media-breakpoint-up(md) {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.page { .page {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -15,6 +22,15 @@
} }
} }
.page-main {
flex: 1 1 auto;
//body.show-aside & {
@include media-breakpoint-up(xl) {
margin-left: 16rem;
}
//}
}
.page-content { .page-content {
margin: .75rem 0; margin: .75rem 0;