Merge branch 'master' into fix-camelcase-notebooks

SwissDataScienceCenter · Jan 29, 2024 · cfdd72b · cfdd72b
2 parents 2986bed + 180086b
commit cfdd72b
Show file tree

Hide file tree

Showing 14 changed files with 566 additions and 351 deletions.
diff --git a/client/src/components/templateSelector/TemplateSelector.css b/client/src/components/templateSelector/TemplateSelector.css
diff --git a/client/src/components/templateSelector/TemplateSelector.module.scss b/client/src/components/templateSelector/TemplateSelector.module.scss
@@ -0,0 +1,50 @@
+@import "/src/styles/bootstrap/_custom_bootstrap_variables.scss";
+
+.templateLabel {
+  .templateCardImage {
+    height: 108px;
+  }
+
+  .templateCardName {
+    display: flex;
+    height: 74px;
+
+    & p {
+      display: -webkit-box;
+      line-clamp: 2;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+    }
+  }
+
+  .templateCardDescription,
+  .templateCardSsh {
+    display: none;
+    background-color: $rk-green-highlight;
+  }
+
+  &:hover,
+  input:focus-visible + & {
+    .templateCardImage,
+    .templateCardName {
+      display: none;
+    }
+
+    .templateCardDescription,
+    .templateCardSsh {
+      display: flex;
+    }
+  }
+
+  input:focus-visible + & {
+    box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0)
+      var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width)
+      var(--bs-focus-ring-color);
+  }
+}
+
+.templateCard {
+  max-height: 182px;
+}