projects
/
osm
/
NG-UI.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Fix Bug 2339:Responsiveness issue in UI if name(NSD/VNFD/VIM) is too long
[osm/NG-UI.git]
/
src
/
assets
/
scss
/
app.scss
diff --git
a/src/assets/scss/app.scss
b/src/assets/scss/app.scss
index
8dd8399
..
abb0be9
100644
(file)
--- a/
src/assets/scss/app.scss
+++ b/
src/assets/scss/app.scss
@@
-16,9
+16,11
@@
Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in)
*/
/** Styles for the application **/
Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in)
*/
/** Styles for the application **/
+@use "sass:math";
+
@import "../../assets/scss/mixins/mixin";
@import "../../assets/scss/variable";
@import "../../assets/scss/mixins/mixin";
@import "../../assets/scss/variable";
-$customnavbar-padding-x:
($spacer /
0.5) !default;
+$customnavbar-padding-x:
math.div($spacer,
0.5) !default;
* {
outline: 0;
}
* {
outline: 0;
}
@@
-37,7
+39,9
@@
body,
.layout-wrapper,
.CodeMirror-vscrollbar,
.ng-sidebar,
.layout-wrapper,
.CodeMirror-vscrollbar,
.ng-sidebar,
-.runninginstances .popover-body {
+.runninginstances .popover-body,
+.resources-chart-popover .popover-body,
+.ng-dropdown-panel .scroll-host {
&::-webkit-scrollbar {
@include wh-value(10px, null);
}
&::-webkit-scrollbar {
@include wh-value(10px, null);
}
@@
-149,7
+153,7
@@
body {
padding-right: 0px;
}
.mandatory-label {
padding-right: 0px;
}
.mandatory-label {
- @include font(null, 1
0
px, null);
+ @include font(null, 1
1
px, null);
}
.dropzone {
min-height: 50px;
}
.dropzone {
min-height: 50px;
@@
-263,6
+267,15
@@
body {
overflow-y: scroll;
}
}
overflow-y: scroll;
}
}
+ .resources-chart-popover {
+ max-width: 60% !important;
+ width: 600px !important;
+ @include font-family("Roboto");
+ .popover-body {
+ max-height: 60vh;
+ overflow-y: scroll;
+ }
+ }
/****************************************************************************/
/************************** Smart table custom design ***********************/
/****************************************************************************/
/****************************************************************************/
/************************** Smart table custom design ***********************/
/****************************************************************************/
@@
-504,6
+517,13
@@
body {
}
}
}
}
}
}
+ .ng-dropdown-panel .scroll-host {
+ overflow-x: auto;
+ }
+ .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
+ text-overflow: unset;
+ overflow: unset;
+ }
/****************************************************************************/
/******************** Custom nav section for default status *****************/
/****************************************************************************/
/****************************************************************************/
/******************** Custom nav section for default status *****************/
/****************************************************************************/
@@
-846,3
+866,34
@@
body {
border: none;
}
}
border: none;
}
}
+
+/****************************************************************************/
+/************************** HEALING STYLE ***********************************/
+/****************************************************************************/
+
+app-healing {
+ .card {
+ border-radius: 15px;
+ width: auto;
+ height: auto;
+ margin-bottom: 5px;
+ }
+
+ .card-body {
+ flex: 1 1 auto;
+ min-height: 1px;
+ padding: 5px;
+ }
+
+ .form-group {
+ margin-bottom: 1px;
+ }
+
+ .col-sm-1 {
+ bottom: 20px;
+ }
+
+ .col-5 {
+ left: 79px;
+ }
+}