Index: lams_central/web/css/_main_base.scss =================================================================== diff -u -rf9b834818dc5ef33a5534001481b70975ea7d529 -r6e03312f31e3651711bc99047d26d9e51bac4933 --- lams_central/web/css/_main_base.scss (.../_main_base.scss) (revision f9b834818dc5ef33a5534001481b70975ea7d529) +++ lams_central/web/css/_main_base.scss (.../_main_base.scss) (revision 6e03312f31e3651711bc99047d26d9e51bac4933) @@ -16,13 +16,17 @@ color: #8c8a8a; } .offcanvas-header { - padding: 15px 0 10px 25px; + padding: 20px 0 5px 15px; text-transform: uppercase; - font-size: 1.05rem; + font-size: 1.15rem; } +.slimScrollDiv, .offcanvas-scroll-area { + width: 220px!important; +} #page-wrapper { margin: 0 0 0 220px; padding: 10px 20px 0px; + height: calc(100% - 53px); } .offcanvas-hidden #offcanvas { display: none; @@ -35,12 +39,12 @@ display: none !important; } #org-container { - padding: 17px 10px; + padding: 10px 0px; } } @media (max-width: 768px) { - #offcanvas { - width: 100%; + #offcanvas, .slimScrollDiv, .offcanvas-scroll-area { + width: 100%!important; } body:not(.offcanvas-hidden) .navbar-nav2 { display:none; @@ -65,7 +69,7 @@ font-size: 75%; margin-bottom: 10px; } -a { +a, a.page-link { color: $main_default_link; text-decoration: none; } @@ -118,25 +122,8 @@ } .offcanvas-search .form-control { box-shadow: inset 0 1px 0px rgba(208, 206, 206, 0.25); - border-radius: 25px; padding: 2px 5px; - line-height: 1; - border: 1px solid rgba(221, 226, 232, 0.49); - background: $main_offcanvas_search_background; - color: white; } -.offcanvas-search .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */ - color: $gray-light-mid; -} -.offcanvas-search .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ - color: $gray-light-mid; -} -.offcanvas-search .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ - color: $gray-light-mid; -} -.offcanvas-search .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ - color: $gray-light-mid; -} .ts-pager { text-align: center; padding: 0 10px 10px; @@ -151,7 +138,7 @@ font-size: 11px; } .tablesorter tfoot th { - background-color: #adadad !important; + background-color: #eaeaea !important; padding: 10px 0 !important; } @@ -360,7 +347,7 @@ .course-header { padding-bottom: 5px; margin-bottom: 12px; - border-bottom: $border-thin-default; + border-bottom: 1px solid #d2d1d1; } a.subcourse-title { @@ -369,7 +356,6 @@ } .j-course-contents { - border-bottom: $border-thin-default; padding-bottom: 15px; }