refactor: css refactor and fixes

frappe · Feb 12, 2025 · 13fdca1 · 13fdca1
1 parent 2d9f88e
commit 13fdca1
Show file tree

Hide file tree

Showing 15 changed files with 1,722 additions and 1,512 deletions.
diff --git a/wiki/public/scss/dropdowns.scss b/wiki/public/scss/dropdowns.scss
@@ -0,0 +1,74 @@
+#navbar-dropdown{
+  flex-grow: 1;
+  display: flex;
+  justify-content: end;
+  height: 80%;
+  cursor: pointer;
+  align-items: center;
+}
+
+#navbar-dropdown-content {
+  position: absolute;
+  left: 10px;
+  top: 100%;
+  padding: 6px;
+  background-color: var(--navbar-dropdown-bg-color);
+  width: 90%;
+  border-radius: 8px;
+  box-shadow: 0 10px 24px -3px #0000001a;
+
+  a {
+    color: inherit !important;
+    text-decoration: none !important;
+  }
+
+  a:hover {
+      color:inherit !important;
+      text-decoration:none !important;
+      cursor:pointer !important;
+  }
+
+  .app-switcher {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 14px;
+    padding: 6px;
+  }
+
+  .app-switcher:hover{
+    background-color: var(--navbar-dropdown-hover-color);
+    border-radius: 4px;
+  }
+}
+
+
+.dropdown-toggle.wiki-options::after {
+  display: none;
+}
+
+.wiki-options {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  margin-left: 0.5rem;
+
+  svg {
+    width: 2rem;
+  }
+
+  .dropdown-menu {
+    min-width: 7.5rem;
+  }
+}
+
+.wiki-options:hover {
+  background-color: var(--gray-200);
+  border-radius: 5px;
+}
+
+.dark .wiki-options:hover {
+  background-color: var(--gray-700);
+}
diff --git a/wiki/public/scss/edit_wiki.bundle.scss b/wiki/public/scss/edit_wiki.bundle.scss
diff --git a/wiki/public/scss/footer.scss b/wiki/public/scss/footer.scss
@@ -0,0 +1,61 @@
+.wiki-footer {
+  border-top: 1px solid var(--border-color);
+  margin-top: 1rem;
+
+  .btn {
+    margin-top: 1rem;
+    color: var(--text-color);
+    border: 1px solid var(--border-color);
+    border-radius: 8px;
+    padding: 11px 16px 13px !important;
+    width: 48%;
+    height: 100%;
+    transition: border-color 0.25s;
+    box-shadow: unset;
+    margin-bottom: 3.5rem;
+
+    p {
+      line-height: 20px;
+      margin: 0;
+
+      &:first-child {
+        font-size: 12px;
+        font-weight: 500;
+        color: var(--sidebar-text-color);
+      }
+
+      &:last-child {
+        font-size: 15px;
+        font-weight: 500;
+        color: var(--primary);
+        transition: color 0.25s;
+      }
+    }
+
+    &:hover {
+      background-color: transparent;
+      border: 1px solid var(--primary);
+    }
+  }
+
+  .btn.left {
+    margin-right: auto;
+    text-align: left;
+  }
+
+  .btn.right {
+    margin-left: auto;
+    text-align: right;
+  }
+}
+
+
+@include media-breakpoint-down(md) {
+	.wiki-footer {
+    .btn.left,
+    .btn.right {
+      width: 100%;
+      margin-bottom: 10px;
+    }
+  }
+}