]> git.apps.os.sepia.ceph.com Git - ceph.git/commitdiff
moved carbon overrides to its own file
authorIvo Almeida <ialmeida@redhat.com>
Wed, 29 May 2024 16:01:42 +0000 (17:01 +0100)
committerIvo Almeida <ialmeida@redhat.com>
Thu, 30 May 2024 10:25:48 +0000 (11:25 +0100)
src/pybind/mgr/dashboard/frontend/src/styles/carbon-overrides.scss [new file with mode: 0644]
src/pybind/mgr/dashboard/frontend/src/styles/themes/_upstream.scss [new file with mode: 0644]

diff --git a/src/pybind/mgr/dashboard/frontend/src/styles/carbon-overrides.scss b/src/pybind/mgr/dashboard/frontend/src/styles/carbon-overrides.scss
new file mode 100644 (file)
index 0000000..7ed0f63
--- /dev/null
@@ -0,0 +1,55 @@
+@use "@carbon/styles/scss/config" with (
+  $font-path: "~@ibm/plex",
+  $flex-grid-columns: 16,
+  $use-flexbox-grid: true,
+);
+@use "./themes/upstream";
+@use '@carbon/styles/scss/compat/themes' as compat;
+@use '@carbon/styles/scss/themes';
+@use '@carbon/styles/scss/theme' with (
+  $fallback: compat.$g90,
+  $theme: upstream.$theme,
+);
+@use "@carbon/styles";
+@use '@carbon/type';
+
+
+
+$block-size: 2.7rem;
+
+.cds--side-nav__submenu {
+  block-size: $block-size;
+}
+
+a.cds--side-nav__link {
+  min-block-size: $block-size;
+}
+
+.cds--side-nav__menu a.cds--side-nav__link {
+  block-size: $block-size;
+}
+
+.cds--side-nav__submenu-title,
+a.cds--side-nav__link > .cds--side-nav__link-text {
+  font-size: calc(type.type-scale(4) + 0.5px);
+}
+
+.cds--side-nav__icon > svg {
+  block-size: 20px;
+  inline-size: 20px;
+}
+
+.cds--side-nav--expanded {
+  min-width: 20.8rem !important;
+}
+
+.cds--side-nav__navigation {
+  min-width: 4.2rem;
+}
+
+a.cds--header__menu-item,
+.cds--header__action,
+.cds--header{
+  block-size: 3.9rem;
+  font-size: calc(type.type-scale(4) + 0.5px);
+}
diff --git a/src/pybind/mgr/dashboard/frontend/src/styles/themes/_upstream.scss b/src/pybind/mgr/dashboard/frontend/src/styles/themes/_upstream.scss
new file mode 100644 (file)
index 0000000..189663b
--- /dev/null
@@ -0,0 +1,9 @@
+@use './src/styles/vendor/variables' as vv;
+
+$theme: (
+  text-primary: #f4f4f4,
+  text-secondary: #c6c6c6,
+  btn-primary: vv.$primary,
+  border-interactive: vv.$primary,
+  background: vv.$secondary,
+);
\ No newline at end of file