summaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/pages/properties-assignment/properties-assignment.page.component.less
diff options
context:
space:
mode:
Diffstat (limited to 'catalog-ui/src/app/ng2/pages/properties-assignment/properties-assignment.page.component.less')
-rw-r--r--catalog-ui/src/app/ng2/pages/properties-assignment/properties-assignment.page.component.less362
1 files changed, 172 insertions, 190 deletions
diff --git a/catalog-ui/src/app/ng2/pages/properties-assignment/properties-assignment.page.component.less b/catalog-ui/src/app/ng2/pages/properties-assignment/properties-assignment.page.component.less
index dacc3303f6..a1309aba61 100644
--- a/catalog-ui/src/app/ng2/pages/properties-assignment/properties-assignment.page.component.less
+++ b/catalog-ui/src/app/ng2/pages/properties-assignment/properties-assignment.page.component.less
@@ -1,6 +1,5 @@
@import '../../../../assets/styles/variables';
@import '../../../../assets/styles/mixins';
-
@ng2-shadow-gray: #f8f8f8;
@ng2-light-gray: #eaeaea;
@ng2-medium-gray: #d2d2d2;
@@ -8,227 +7,210 @@
@ng2-dark-gray: #5a5a5a;
@ng2-shadow-blue: #e6f6fb;
@ng2-bold-blue: #009fdb;
-@ng2-success-green: #4ca90c;
-@ng2-title-font-size: 16px;
+@ng2-success-green:#4ca90c;
+@ng2-title-font-size:16px;
@ng2-text-font-size: 14px;
-:host {
- display: block;
- height: 100%;
-}
-
-/deep/ .tabs {
- display: flex;
- flex-direction: column;
- height: 100%;
-}
+:host { display:block; height: 100%; }
+/deep/ tabs {display:flex; flex-direction:column; height:100%; }
.properties-assignment-page {
- height: 100%;
- font-family: @font-opensans-regular;
-
- .main-content {
- display: flex;
- flex-direction: row;
height: 100%;
- }
-
- .left-column {
- flex: 1 0 500px;
- position: relative;
- min-width: 930px;
+ font-family: @font-opensans-regular;
- /deep/ .tabs {
- width: 33%;
- text-align: center;
+ .main-content {
+ display:flex;
+ flex-direction:row;
+ height: 100%;
}
- /deep/ .tab {
- padding: 12px;
- flex: 1;
- font-family: @font-opensans-regular;
-
- &.active {
- color: #009fdb;
- border-color: #d2d2d2;
- border-top: solid 4px #009fdb;
- background-color: white;
- padding-top: 9px;
- font-family: @font-opensans-medium;
- }
-
- .tab-indication {
- background-color: #4ca90c;
- border: solid 2px #fff;
- border-radius: 50%;
- font-size: 12px;
- }
- }
+ .left-column {
+ flex: 1 0 500px;
+ position: relative;
+ min-width:930px;
- .header {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- }
-
- .search-filter-container {
- display: flex;
- flex-direction: row;
-
- .search-box {
- border: 1px solid @ng2-medium-gray;
- border-radius: 3px;
- height: 32px;
- margin: 0;
- padding: 2px 20px 4px 10px;
- outline: none;
- font-style: italic;
- color: @ng2-med-dark-gray;
- width: auto;
-
- &::-moz-placeholder {
- color: @ng2-med-dark-gray;
+ /deep/ .tabs {
+ width:33%;
+ text-align:center;
}
- &::-webkit-input-placeholder {
- color: @ng2-med-dark-gray;
+ /deep/ .tab {
+ padding: 12px;
+ flex: 1;
+ font-family: @font-opensans-regular;
+
+ &.active {
+ color:#009fdb;
+ border-color: #d2d2d2;
+ border-top: solid 4px #009fdb;
+ background-color: white;
+ padding-top:9px;
+ font-family: @font-opensans-medium;
+ }
+
+ .tab-indication {
+ background-color:#4ca90c;
+ border:solid 2px #fff;
+ border-radius:50%;
+ font-size:12px;
+ }
}
- }
-
- .search-icon {
- background-position: -48px -3137px;
- width: 14px;
- height: 14px;
- position: absolute;
- left: 170px;
- top: 8px;
- }
-
- &.without-filter {
- margin-right: 10px;
-
- .search-icon {
- right: 4px;
+
+ .header {
+ position:absolute;
+ top:0;
+ right:0;
+ display: flex;
}
- }
- }
+ .search-filter-container{
+ display:flex;
+ flex-direction:row;
+
+ .search-box {
+ border: 1px solid @ng2-medium-gray;
+ border-radius: 3px;
+ height: 32px;
+ margin: 0;
+ padding: 2px 20px 4px 10px;
+ outline: none;
+ font-style: italic;
+ color:@ng2-med-dark-gray;
+ width: auto;
+
+ &::-moz-placeholder { color:@ng2-med-dark-gray;}
+ &::-webkit-input-placeholder{ color:@ng2-med-dark-gray;}
+ }
+
+ .search-icon {
+ background-position: -48px -3137px;
+ width: 14px;
+ height: 14px;
+ position: absolute;
+ left:170px;
+ top: 8px;
+ }
+
+ &.without-filter {
+ margin-right:10px;
+ .search-icon {
+ right: 4px;
+ }
+ }
- .clear-filter {
- cursor: pointer;
- color: #009fdb;
- font-family: @font-opensans-medium-italic;
- text-decoration: underline;
- padding-right: 10px;
- font-size: 12px;
- }
+ }
+
+ .clear-filter{
+ cursor: pointer;
+ color:#009fdb;
+ font-family: @font-opensans-medium-italic;
+ text-decoration: underline;
+ padding-right:10px;
+ font-size:12px;
+ }
- .declare-button {
- &:not(:last-of-type) {
- margin-right: 10px;
- }
- }
+ .declare-button{
+ &:not(:last-of-type) {
+ margin-right: 10px;
+ }
+ }
- .main-tabs-section {
- position: relative;
+ .main-tabs-section {
+ position: relative;
- .main-tabs-section-buttons {
- position: absolute;
- top: 45px;
- right: 0;
- padding: 4px;
- }
+ .main-tabs-section-buttons {
+ position: absolute;
+ top: 45px;
+ right: 0;
+ padding: 4px;
+ }
+ }
}
- }
- .right-column {
- display: flex;
- flex: 0 0 350px;
- flex-direction: column;
- margin: 0px 0 0 1em;
- overflow-x: auto;
+ .right-column {
+ display:flex;
+ flex:0 0 350px;
+ flex-direction:column;
+ margin: 0px 0 0 1em;
+ overflow-x:auto;
+ .add-btn{
+
+ align-self: flex-end;
+ margin-top: 10px;
+ margin-bottom: 19px;
+ }
+ /deep/ .tabs {
+ border-bottom: solid 1px #d0d0d0;
+ }
- .add-btn {
+ /deep/ .tab {
+ flex: none;
+ padding: 8px 20px 0;
+ font-size: 14px;
+ line-height:30px;
+ font-family: @font-opensans-regular;
- align-self: flex-end;
- margin-top: 10px;
- margin-bottom: 19px;
+ &.active {
+ font-family: @font-opensans-medium;
+ }
+ }
}
- /deep/ .tabs {
- border-bottom: solid 1px #d0d0d0;
+ .hierarchy-tabs {
+ flex: 0 0 40px;
}
- /deep/ .tab {
- flex: none;
- padding: 8px 20px 0;
- font-size: 14px;
- line-height: 30px;
- font-family: @font-opensans-regular;
-
- &.active {
- font-family: @font-opensans-medium;
- }
+ .gray-border {
+ border: 1px solid #ddd;
}
- }
-
- .hierarchy-tabs {
- flex: 0 0 40px;
- }
-
- .gray-border {
- border: 1px solid #ddd;
- }
-
- /deep/ .white-sub-header {
- background-color: #fffefe;
- box-shadow: 0px 1px 0.99px 0.01px rgba(34, 31, 31, 0.15);
- border-bottom: #d2d2d2 solid 1px;
- font-size: 14px;
- text-align: left;
- flex: 0 0 auto;
- padding: 10px;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- .a_13_r;
- text-transform: uppercase;
-
- &.hierarchy-header {
- padding-left: 20px;
-
- &.selected {
- background-color: #e6f6fb;
- }
+
+ /deep/ .white-sub-header {
+ background-color: #fffefe;
+ box-shadow: 0px 1px 0.99px 0.01px rgba(34, 31, 31, 0.15);
+ border-bottom: #d2d2d2 solid 1px;
+ font-size:14px;
+ text-align:left;
+ flex:0 0 auto;
+ padding: 10px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ .a_13_r;
+ text-transform: uppercase;
+
+ &.hierarchy-header {
+ padding-left:20px;
+ &.selected {
+ background-color: #e6f6fb;
+ }
+ }
+
}
- }
+ .hierarchy-nav-container {
+ display:flex;
+ flex-direction: column;
+ height: 100%;
+ }
- .hierarchy-nav-container {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
+ .hierarchy-header {
- .hierarchy-header {
+ span{
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ max-width: 290px;
+ }
+ }
- span {
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- max-width: 290px;
+ .hierarchy-nav {
+ flex:1;
+ overflow:auto;
+ display: grid;
+ margin-top: 1em;
+ margin-left: 1em;
+ font-size: 12px;
+ padding-top: 1em;
}
- }
-
- .hierarchy-nav {
- flex: 1;
- overflow: auto;
- display: grid;
- margin-top: 1em;
- margin-left: 1em;
- font-size: 12px;
- padding-top: 1em;
- }
}