X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=src%2Fassets%2Fscss%2Fapp.scss;h=457d94016af5e41fbca37167dbf88b6b4494674d;hb=208bef2cea31da5427861ac81817790e98851fe2;hp=bc8a216c1e1c4622ff7dba10ac4a2dc426394e90;hpb=3b4814aa2d3dec621dadb52f058ba95a3dc3a86a;p=osm%2FNG-UI.git diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss index bc8a216..457d940 100644 --- a/src/assets/scss/app.scss +++ b/src/assets/scss/app.scss @@ -22,10 +22,11 @@ $customnavbar-padding-x: ($spacer / 0.5) !default; * { outline: 0; } -button[type=submit]:focus, .sidebar-body button[type=button]:focus { +button[type="submit"]:focus, +.sidebar-body button[type="button"]:focus { @include box-shadow(0, 0, 0, 0.2rem, lighten($primary, 50%) !important); } -.btn-danger:focus{ +.btn-danger:focus { @include box-shadow(0, 0, 0, 0.2rem, lighten($danger, 30%) !important); } body, @@ -33,7 +34,10 @@ body, .scroll-box, .smarttable-style, .modal-body-custom-height, -.layout-wrapper, .CodeMirror-vscrollbar, .ng-sidebar, .runninginstances .popover-body { +.layout-wrapper, +.CodeMirror-vscrollbar, +.ng-sidebar, +.runninginstances .popover-body { &::-webkit-scrollbar { @include wh-value(10px, null); } @@ -214,12 +218,12 @@ body { @include background(null, $theme-bg-color, null, null, null); } /** Vim Show running instance Details **/ - .runninginstances{ - width:200px; - .popover-body{ + .runninginstances { + width: 200px; + .popover-body { max-height: 200px; overflow-y: scroll; - } + } } /****************************************************************************/ /************************** Smart table custom design ***********************/ @@ -412,20 +416,24 @@ body { } } } - .dropdown-menu { - @include border(all, 1, solid, $primary); - @include padding-value(0, 0, 0, 0); - button.btn.btn-primary { - @include background(null, transparent, null, null, null); - @include padding-value(8, 8, 8, 8); - @include roundedCorners(0); - &:hover { - @include background(null, $primary, null, null, null); - color: $white; - } - &:not(:last-child) { - @include border(bottom, 1, solid, $primary); - } + } + /****************************************************************************/ + /*********************** List Action Dropdown section ***********************/ + /****************************************************************************/ + .list-action-dropdown { + @include border(all, 1, solid, $primary); + @include padding-value(0, 0, 0, 0); + button.btn.btn-primary { + @include background(null, transparent, null, null, null); + @include padding-value(8, 8, 8, 8); + @include roundedCorners(0); + color: $primary; + &:hover { + @include background(null, $primary, null, null, null); + color: $white; + } + &:not(:last-child) { + @include border(bottom, 1, solid, $primary); } } } @@ -682,6 +690,7 @@ body { /****************************************************************************/ @media (max-width: map-get($grid-breakpoints, md)) { .smarttable-style { + @include flexbox(block, null, null, null, null, null); overflow-x: auto; white-space: nowrap; }