style(next): restyle the help cards

TriliumNext · Jan 8, 2025 · caf9b92 · caf9b92
1 parent bacba7d
commit caf9b92
Showing 1 changed file with 46 additions and 0 deletions.
diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
@@ -1559,4 +1559,50 @@ body .calendar-dropdown-widget .calendar-body a:hover {
 .search-result-widget-content .note-path {
     opacity: .75;
     font-weight: normal;
+}
+
+/* Help */
+
+.help-dialog .card {
+    margin: 0;
+    border: none;
+    padding: 8px;
+    background: unset;
+}
+
+.help-dialog .card-body {
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, .10);
+    border-radius: 6px;
+    background: var(--card-background-color);
+}
+
+.help-dialog .card-body h5 {
+    color: #797979;
+    font-size: 20px;
+    font-weight: 600;
+}
+
+.help-dialog .help-cards ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+.help-dialog .help-cards li + li {
+    margin-top: .4em;
+}
+
+.help-dialog .help-cards kbd {
+    box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
+    margin: 0 4px;
+    border: none;
+    border-radius: 4px;
+    padding: 2px 10px;
+    background: white;
+    color: #3f3f3f;
+    font-weight: 500;
+    letter-spacing: .5pt;
+}
+
+.help-dialog .help-cards kbd:first-child {
+    margin-left: 0;
 }