diff --git a/charts/showroom-single-pod/files/split.css b/charts/showroom-single-pod/files/split.css index 4128367..2e5d7ed 100644 --- a/charts/showroom-single-pod/files/split.css +++ b/charts/showroom-single-pod/files/split.css @@ -2,11 +2,13 @@ box-sizing: border-box; height:100%; } + body { margin: 0; height:100%; /* font-size: 26px;*/ } + .content { width: 100%; height: 100%; @@ -17,19 +19,23 @@ body { border-top: 1px solid; border-color: Gainsboro; border-top-width: thin; - margin-top: 8px; + margin-top: 0px; } + .split { width:100%; height:100%; padding: 5px; } + .left { height: 100% } + .right { - height: 95%; + height: 100% } + .gutter { /* cursor: e-resize; */ /* background: grey; */ @@ -38,6 +44,7 @@ body { background-repeat: no-repeat; background-position: 50%; } + .gutter.gutter-horizontal { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=='); cursor: col-resize; @@ -46,3 +53,4 @@ body { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII='); cursor: row-resize; } + diff --git a/charts/showroom-single-pod/files/tabs.css b/charts/showroom-single-pod/files/tabs.css index 4d6a496..148a271 100644 --- a/charts/showroom-single-pod/files/tabs.css +++ b/charts/showroom-single-pod/files/tabs.css @@ -1,11 +1,14 @@ /* Style the tab */ + .tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; height: 50px; } + /* Style the buttons that are used to open the tab content */ + .tab button { background-color: inherit; float: left; @@ -15,18 +18,27 @@ padding: 14px 16px; transition: 0.3s; } + /* Change background color of buttons on hover */ + .tab button:hover { background-color: #ddd; } + /* Create an active/current tablink class */ + .tab button.active { background-color: #ccc; } + /* Style the tab content */ + .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; + /* 100% - height of the tab above */ + height: calc(100% - 50px); } +