feat: Add "Pin selected notes" button to editor title bar (#760)

2021-12-06 14:47:35 +05:30
parent 82ee0974c1
commit 31c48af01c
8 changed files with 90 additions and 11 deletions
--- a/app/assets/stylesheets/_sn.scss
+++ b/app/assets/stylesheets/_sn.scss
@@ -748,6 +748,36 @@
  }
 }

+.border-info-contrast {
+  border-color: var(--sn-stylekit-info-contrast-color);
+}
+
+.sn-icon-button {
+  &:focus {
+    border-color: transparent;
+  }
+
+  &.toggled {
+    border-color: transparent;
+    @extend .bg-info;
+    @extend .color-info-contrast;
+
+    &:focus {
+      background-color: var(--sn-stylekit-info-color) !important;
+      border: none;
+    }
+
+    &:hover {
+      @extend .color-info;
+      @extend .border-info;
+    }
+
+    &:focus:hover {
+      background-color: var(--sn-stylekit-contrast-background-color) !important;
+    }
+  }
+}
+
@media screen and (max-width: $screen-md-min) {
  .sn-component {
    .md\:hidden {