tryton-do/tryton
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Use better breakdown of menu offcanvas size

Browse Source 
We keep the menu with a minimum size of 300px for all screen sizes.

issue8691
review268011002
This commit is contained in:
Cédric Krier
2019-10-13 23:58:49 +02:00
parent 9ee63e7993
commit d1af52b01e
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+2 -2
View File
@@ -69,9 +69,9 @@ this repository contains the full copyright notices and license terms. -->
<div id="main" class="container-fluid" style="padding: 0px;">
<div class="row row-offcanvas row-offcanvas-left active"
style="height: calc(100vh - 50px - 1px - 20px); margin: 0px;">
<div class="col-xs-12 col-sm-3 col-lg-2 sidebar-offcanvas" id="menu" role="navigation"
<div class="col-xs-12 col-sm-4 col-lg-3 sidebar-offcanvas" id="menu" role="navigation"
style="overflow-y: auto; height: 100%;"></div>
<div class="col-xs-12 col-md-9 col-lg-10 main-offcanvas" style="overflow-y: auto; height: 100%;" id="tabs" role="tabpanel">
<div class="col-xs-12 col-sm-8 col-lg-9 main-offcanvas" style="overflow-y: auto; height: 100%;" id="tabs" role="tabpanel">
<div id="tabcontent" class="tab-content"></div>
</div>
</div>
src/offcanvas.less
+6 -6
View File
@@ -60,17 +60,17 @@ body {
@media (min-width: @screen-lg-min) {
.make-offcanvas(16.6666%);
}
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
.make-offcanvas(25%);
}
@media (min-width: @screen-xs-min) and (max-width: @screen-sm-max) {
@media (max-width: @screen-md-max) {
.make-offcanvas(33.3333%);
}
@media (max-width: (@screen-sm-max)) {
.make-offcanvas(50%);
}
@media (max-width: (@screen-xs-min - 1)) {
@media (max-width: (@screen-xs-max)) {
.make-offcanvas(100%);
}