X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=src%2Fassets%2Fscss%2Fapp.scss;h=38318a74c4bc8feb4ce8db25138fef13fb8f7219;hb=refs%2Fchanges%2F40%2F10740%2F1;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..38318a7 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); } @@ -67,6 +71,10 @@ body { &:focus { text-decoration: none; } + &:not([href]), + &:not([href]):hover { + color: inherit; + } } .badge { @include line-height(normal); @@ -164,6 +172,9 @@ body { .close { opacity: 1 !important; } + .closeVersion { + text-shadow: none; + } .roles-section { .card { .bg-secondary { @@ -185,9 +196,12 @@ body { @include wh-value(null, calc(2rem + 8px) !important); @include padding-value(0, 10, 0, 10); } - .CodeMirror { + .edit-packages .CodeMirror { min-height: 400px !important; } + .new-vim .CodeMirror { + @include border(all, 1, solid, #eee !important); + } .table-layout-fixed { table-layout: fixed; word-wrap: break-word; @@ -214,12 +228,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 +426,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,7 +700,15 @@ 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; } -} \ No newline at end of file +} + +.text-captilize { + text-transform: capitalize; +} +.text-info{ + color: $secondary !important; +}