aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/components/properties-table/properties-table.component.less
diff options
context:
space:
mode:
authorTal Gitelman <tg851x@intl.att.com>2017-12-10 18:55:03 +0200
committerTal Gitelman <tg851x@intl.att.com>2017-12-10 19:33:38 +0200
commit51d50f0ef642e0f996a1c8b8d2ef4838bdfec892 (patch)
tree3ac236a864d74d19b0f5c9020891a7a7e5c31b44 /catalog-ui/src/app/ng2/components/properties-table/properties-table.component.less
parentb5cc2e0695f195716d6ccdc65e73807a6632ec70 (diff)
Final commit to master merge from
Change-Id: Ib464f9a8828437c86fe6def8af238aaf83473507 Issue-ID: SDC-714 Signed-off-by: Tal Gitelman <tg851x@intl.att.com>
Diffstat (limited to 'catalog-ui/src/app/ng2/components/properties-table/properties-table.component.less')
-rw-r--r--catalog-ui/src/app/ng2/components/properties-table/properties-table.component.less166
1 files changed, 0 insertions, 166 deletions
diff --git a/catalog-ui/src/app/ng2/components/properties-table/properties-table.component.less b/catalog-ui/src/app/ng2/components/properties-table/properties-table.component.less
deleted file mode 100644
index 9ede84faff..0000000000
--- a/catalog-ui/src/app/ng2/components/properties-table/properties-table.component.less
+++ /dev/null
@@ -1,166 +0,0 @@
-@import './../../../../assets/styles/variables.less';
-@import '../../../../assets/styles/sprite';
-@smaller-screen: ~"only screen and (max-width: 1580px)";
-
-:host /deep/ input { width:100%;}
-
-.properties-table {
- display:flex;
- flex-direction:column;
- flex: 1;
- height:100%;
- text-align:left;
-
-
- .inner-cell-div{
- max-width: 100%;
- text-overflow: ellipsis;
- overflow: hidden;
- height: 20px;
- }
-
- .table-header {
- display: flex;
- flex-direction:row;
- flex: 0 0 auto;
- font-weight:bold;
- border-top: #d2d2d2 solid 1px;
- background-color: #f2f2f2;
-
- .table-cell {
- color:#191919;
- font-size:13px;
- }
- }
-
- .table-rows-header {
- border: #d2d2d2 solid 1px;
- border-top:none;
- }
-
- .table-body {
- display:flex;
- flex-direction: column;
- overflow-y:auto;
- flex: 1;
-
- .no-data {
- border: #d2d2d2 solid 1px;
- border-top:none;
- text-align: center;
- height: 100%;
- padding: 20px;
- }
- /deep/.selected{
- background-color: #e6f6fb;
- color: #009fdb;
- }
- .table-row {
- display: flex;
- flex-direction:row;
- flex: 0 0 auto;
-
- &:hover:not(.selected){
- background-color:#f8f8f8; cursor:pointer;
- }
-
- .selected-row {
- background-color:#e6f6fb;
- }
-
- .table-cell.valueCol {
- padding:0px;
-
- }
- }
- }
- .table-cell {
- font-size:13px;
- flex:1;
- border: #d2d2d2 solid 1px;
- border-right:none;
- border-top:none;
- padding:10px;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow:hidden;
- display: flex;
- min-height:40px;
-
- &:last-child {
- border-right:#d2d2d2 solid 1px;
- }
- &.col1 {
- flex: 1 0 210px;
- max-width:300px;
- display: flex;
- justify-content: space-between;
- @media @smaller-screen { flex: 0 0 25%;}
-
- .property-name {
- flex: 1;
- display: flex;
- max-width: 90%;
- }
-
- .property-description-icon {
- float: right;
- margin-top: 4px;
- margin-left: 5px;
- flex: 0 0 auto;
- }
- }
- &.col2 {
- flex: 0 0 150px;
- max-width:150px;
- @media @smaller-screen { flex: 0 0 20%;}
- }
-
- &.col3 {
- flex:0 0 120px;
- max-width:120px;
- @media @smaller-screen { flex: 0 0 15%;}
- }
-
- &.valueCol {
- flex: 2 0 300px;
- display: flex;
- @media @smaller-screen { flex: 1 0 40%;}
- }
-
-
- /deep/ .checkbox-container {
- margin-right: 10px;
- }
-
- /deep/ &.round-checkbox {
- .checkbox-container input[type=checkbox].checkbox-hidden {
- &:checked ~ .checkbox-icon::before {
- .sprite-new;
- .round-checked-icon;
- }
- &[disabled] ~ .checkbox-icon::before {
- .sprite-new;
- .round-checked-icon.disabled;
- background-color:inherit;
- border:none;
- //animation: addDisabledCheck 4s linear;
- }
- }
- }
- }
-
- .filtered {
- /deep/ .checkbox-label-content{
- background-color: yellow;
- }
- }
-
- dynamic-property {
- width:100%;
- &:last-child /deep/ .dynamic-property-row {
- border-bottom:none;
- }
- }
-
-}