Migrate assets to use Webpacker

2018-07-06 16:41:08 -07:00
parent 95b72f5f5c
commit 6fa0ae2cf1
175 changed files with 11518 additions and 3726 deletions
--- a/app/javascript/src/styles/specific/notes.scss
+++ b/app/javascript/src/styles/specific/notes.scss
@@ -0,0 +1,114 @@
+@import "../common/000_vars.scss";
+
+div#note-container {
+  position: absolute;
+  z-index: 50;
+
+  div.note-body {
+    position: absolute;
+    border: 1px solid black;
+    background: #FFE;
+    min-width: 140px;
+    min-height: 1em;
+    line-height: normal;
+    cursor: pointer;
+    padding: 4px;
+    z-index: 150;
+    overflow: auto;
+
+    h1, h2, h3, h4, h5, h6, a, span, div, blockquote, br, p, ul, li, ol, em, strong, small, big, b, i, font, u, s, code, center {
+      line-height: normal;
+    }
+
+    > :last-child {
+      margin-bottom: 0;
+    }
+
+    b, strong {
+      font-weight: bold;
+    }
+
+    i, em {
+      font-style: italic;
+    }
+
+    small {
+      font-size: 0.8em;
+    }
+
+    ruby {
+      rt {
+        font-size: 0.8em;
+      }
+    }
+
+    ul {
+      margin-left: 1em;
+      margin-bottom: 1em;
+
+      ul {
+        margin-bottom: 0;
+      }
+
+      li {
+        list-style-type: disc;
+
+        + br {
+          display: none;
+        }
+      }
+    }
+  }
+
+  div.note-box {
+    position: absolute;
+    border: 1px solid white;
+    min-width: 5px;
+    min-height: 5px;
+    width: 100px;
+    height: 100px;
+    cursor: move;
+    background: transparent;
+    line-height: normal;
+
+    div.note-box-inner-border {
+      border: 1px solid black;
+      background: #FFE;
+    }
+
+    div.note-box-inner-border.unsaved {
+      border: 1px solid red;
+    }
+
+    &.embedded {
+      div.bg {
+        height: 100%;
+        text-align: center;
+        display: table-cell;
+        vertical-align: middle;
+      }
+
+      div.note-box-inner-border {
+        text-align: center;
+        display: table-cell;
+        vertical-align: middle;
+      }
+    }
+
+    &.note-box-highlighted {
+      outline: 2px solid $note_highlight_color;
+    }
+  }
+}
+
+div#note-preview {
+  position: absolute;
+  border: 1px solid red;
+  opacity: 0.6;
+  display: none;
+  background: white;
+}
+
+div.note-edit-dialog {
+  font-size: 0.8em;
+}