aboutsummaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/_components.scss
diff options
context:
space:
mode:
Diffstat (limited to 'openecomp-ui/resources/scss/_components.scss')
-rw-r--r--openecomp-ui/resources/scss/_components.scss148
1 files changed, 73 insertions, 75 deletions
diff --git a/openecomp-ui/resources/scss/_components.scss b/openecomp-ui/resources/scss/_components.scss
index 7bd90100e2..5458cbc411 100644
--- a/openecomp-ui/resources/scss/_components.scss
+++ b/openecomp-ui/resources/scss/_components.scss
@@ -1,102 +1,100 @@
-@import "components/forms";
-@import "components/validationForm";
-@import "components/dualListBox";
-@import "components/listEditorView";
-@import "components/toggleInput";
-@import "components/notifications";
-@import "components/inputOptions";
-@import "components/progressBar";
-@import "components/versionController";
-@import "components/sequenceDiagram";
-@import "components/navigationSideBar";
-@import "components/loader";
-@import "components/dropzone";
-@import "components/submitErrorResponse";
-@import "components/expandableInput";
-@import "components/grid";
-@import "components/activityLog";
-@import "components/selectActionTable";
-@import "components/datepicker";
-@import "components/tree";
-@import "components/commitModal";
-@import "components/userNotifications";
-@import "components/overlay";
-@import "components/vspDetailsVendorSelect";
-@import "components/vnfBrowse";
+@import 'components/forms';
+@import 'components/validationForm';
+@import 'components/dualListBox';
+@import 'components/listEditorView';
+@import 'components/toggleInput';
+@import 'components/inputOptions';
+@import 'components/progressBar';
+@import 'components/versionController';
+@import 'components/sequenceDiagram';
+@import 'components/navigationSideBar';
+@import 'components/loader';
+@import 'components/dropzone';
+@import 'components/submitErrorResponse';
+@import 'components/expandableInput';
+@import 'components/grid';
+@import 'components/activityLog';
+@import 'components/selectActionTable';
+@import 'components/datepicker';
+@import 'components/tree';
+@import 'components/commitModal';
+@import 'components/userNotifications';
+@import 'components/overlay';
+@import 'components/vspDetailsVendorSelect';
+@import 'components/vnfBrowse';
%noselect {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
.clickable {
- cursor: pointer;
+ cursor: pointer;
}
.no-padding {
- padding: 0;
+ padding: 0;
}
.next-to-icon-label {
- $margin: 10px;
- margin-left: $margin;
- &.right {
- margin-left: 0;
- margin-right: $margin;
- }
+ $margin: 10px;
+ margin-left: $margin;
+ &.right {
+ margin-left: 0;
+ margin-right: $margin;
+ }
}
.search-wrapper {
- display: flex;
- .search-input-control {
- flex: 1 1;
- margin: 0;
- .form-control {
- font-style: italic;
+ display: flex;
+ .search-input-control {
+ flex: 1 1;
+ margin: 0;
+ .form-control {
+ font-style: italic;
+ }
+ }
+ .search-icon {
+ position: relative;
+ left: -23px;
+ align-self: center;
+ width: 0;
+ color: $dark-gray;
+ }
+ .filter-icon {
+ position: relative;
+ left: -20px;
+ align-self: center;
+ width: 0;
+ background-color: $white;
}
- }
- .search-icon {
- position: relative;
- left: -23px;
- align-self: center;
- width: 0;
- color: $dark-gray;
- }
- .filter-icon {
- position: relative;
- left: -20px;
- align-self: center;
- width: 0;
- background-color: $white;
- }
}
-
.chevron::before {
- border-style: solid;
- border-width: 0.15em 0.15em 0 0;
- content: '';
- display: inline-block;
- height: 0.8em;
- left: 0.15em;
- position: relative;
- top: 0.15em;
- vertical-align: top;
- width: 0.8em;
+ border-style: solid;
+ border-width: 0.15em 0.15em 0 0;
+ content: '';
+ display: inline-block;
+ height: 0.8em;
+ left: 0.15em;
+ position: relative;
+ top: 0.15em;
+ vertical-align: top;
+ width: 0.8em;
}
.chevron.right:before {
- left: 0;
- transform: rotate(45deg);
+ left: 0;
+ transform: rotate(45deg);
}
.chevron.down:before {
- transform: rotate(135deg);
+ transform: rotate(135deg);
}
.chevron.left:before {
- transform: rotate(-135deg);
+ transform: rotate(-135deg);
}
.chevron.top:before {
- transform: rotate(-45deg);
+ transform: rotate(-45deg);
}