* ECOMP is a trademark and service mark of AT&T Intellectual Property.
*/
-
.SplitPane {
- min-width: 1280px;
- //108 is the height of the header in tsui
- height: calc(100% - 108px) !important;
+ min-width: $minimum-application-width;
+ height: calc(100% - #{$total-header-height}) !important;
}
.Resizer {
- background: #000;
+ background: $border-color1;
opacity: .2;
z-index: 1;
-moz-box-sizing: border-box;
.Resizer.horizontal {
height: 11px;
margin: -5px 0;
- border-top: 5px solid rgba(255, 255, 255, 0);
- border-bottom: 5px solid rgba(255, 255, 255, 0);
+ border-top: 5px solid transparent;
+ border-bottom: 5px solid transparent;
cursor: row-resize;
width: 100%;
}
.Resizer.horizontal:hover {
- border-top: 5px solid rgba(0, 0, 0, 0.5);
- border-bottom: 5px solid rgba(0, 0, 0, 0.5);
+ border-top: 5px solid $border-color2;
+ border-bottom: 5px solid $border-color2;
}
.Resizer.vertical {
width: 11px;
margin: 0 -5px;
- border-left: 5px solid rgba(255, 255, 255, 0);
- border-right: 5px solid rgba(255, 255, 255, 0);
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
cursor: col-resize;
}
.Resizer.vertical:hover {
- border-left: 5px solid rgba(0, 0, 0, 0.5);
- border-right: 5px solid rgba(0, 0, 0, 0.5);
+ border-left: 5px solid $border-color2;
+ border-right: $border-color2;
}
Resizer.disabled {
cursor: not-allowed;
}
.Pane2 {
- background-color: $tlv-light-gray;
- border-left: solid 2px $light-gray;
- overflow: hidden;
+ background-color: $background-color4;
+ border-left: solid 2px $border-color5;
+ overflow: auto;
}