Index: lams_central/web/css/_main_base.scss =================================================================== diff -u -r9c400fc4bde12823825e7983912637b7833a0128 -r81a68a722a832bb9c94d9a73e66d27ad0c3d48bb --- lams_central/web/css/_main_base.scss (.../_main_base.scss) (revision 9c400fc4bde12823825e7983912637b7833a0128) +++ lams_central/web/css/_main_base.scss (.../_main_base.scss) (revision 81a68a722a832bb9c94d9a73e66d27ad0c3d48bb) @@ -42,6 +42,9 @@ #offcanvas { width: 100%; } + body:not(.offcanvas-hidden) .navbar-nav2 { + display:none; + } } @media (max-width: 870px) { body.offcanvas-hidden .xs-hidden { @@ -76,9 +79,8 @@ border-bottom: 1px solid #efefef; } #favorite-organisations > li > a, .tablesorter a { - color: $main_fav_org_link; font-weight: 400; - padding: 14px 20px 14px 25px; + padding: 14px 10px 14px 15px; } #favorite-organisations > li > a:hover, #favorite-organisations > li > a:focus, @@ -92,6 +94,7 @@ display:block; text-decoration:none; font-size: 13px; + word-break:break-all; } /*#offcanvas .active > a,*/ #offcanvas .active > a:hover, @@ -101,13 +104,15 @@ } #offcanvas .active > a,#offcanvas a.active { color: $main_offcanvas_link_color; + display: flex; + justify-content: space-between; } #offcanvas td.active { border-right: 10px solid #8c8c8c; background: $main_offcanvas_link; } .offcanvas-search { - padding: 15px 19px 15px; + padding: 15px 12px 15px; margin-bottom: 0; } .offcanvas-search .form-control { @@ -134,25 +139,23 @@ .ts-pager { text-align: center; padding: 0 10px 10px; - color: darken($main_fav_org_link, 30%); + color: dimgrey; + border-top: 1px solid #efefef; } .ts-pager .btn{ - color: darken($main_fav_org_link, 10%); - background-color: $brand-primary-darkest; padding: 2px 5px; line-height: 1; } .tablesorter tfoot i { font-size: 11px; } .tablesorter tfoot th { - background-color: $brand-primary-darkest !important; - padding: 10px 0; + background-color: #adadad !important; + padding: 10px 0 !important; } .pagesize { border: 1px solid rgba(221, 226, 232, 0.49); - background: $brand-primary-darker; cursor: pointer; } @@ -232,17 +235,15 @@ font-weight: normal; line-height: 13px; padding: 2px 5px; - position: absolute; - left: 25px; - top: 10px; border-style: solid; border-width: 1px; display: inline-block; min-width: 10px; text-align: center; white-space: nowrap; - vertical-align: middle; + vertical-align: top; border-radius: 10px; + margin-left: -9px; } #notificationsPendingCount.btn-light { background-color: $gray-light-mid; @@ -370,4 +371,4 @@ .modal-dialog { max-width: initial !important; -} \ No newline at end of file +}