resizable panels

2023-01-30 11:19:33 +01:00
parent 2774fab98c
commit e2ea6fa85e
6 changed files with 62 additions and 103 deletions
@@ -5,6 +5,25 @@
  display: flex;
 }

+.hidden {
+  display: none;
+}
+
+.gutter {
+  background-color: #eee;
+
+  background-repeat: no-repeat;
+  background-position: 50%;
+}
+
+.gutter.gutter-vertical {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
+}
+
+.gutter.gutter-horizontal {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
+}
+
 .main-panel, .info-panel {
  height: 100%;
  overflow: auto;
@@ -16,7 +35,11 @@
 }

 .introduction-panel {
-  width: 100%;
+  padding: 1em;
+}
+
+.exercise {
+  padding: 1em;
 }

 .exercise {