jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #4281 from BrokenEagle/embedded-notes-improvements

Browse Source 
Add embedded notes improvements
This commit is contained in:
evazion
2020-02-24 01:13:13 -06:00
committed by GitHub
parent 319510f2e9 2affd4a3b5
commit 928c7f8a0a
4 changed files with 284 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/javascript/src/styles/base/040_colors.css
View File

@@ -117,6 +117,7 @@
--note-box-background: transparent;
--note-box-inner-border: 1px solid black;
--unsaved-note-box-inner-border: 1px solid red;
--movable-note-box-inner-border: 1px solid green;
--note-preview-border: 1px solid red;
--note-preview-background: white;
--note-highlight-color: blue;

26
app/javascript/src/styles/specific/notes.scss
View File

@@ -91,6 +91,13 @@ div#note-container {
border: var(--unsaved-note-box-inner-border);
}
&.movable {
div.note-box-inner-border,
div.note-box-inner-border.unsaved {
border: var(--movable-note-box-inner-border);
}
}
&.embedded {
color: var(--note-body-text-color);
border: 1px solid transparent;
@@ -99,7 +106,8 @@ div#note-container {
&.hovering {
border: var(--note-box-border);
&.editing {
&.editing,
&.movable {
opacity: 1;
}
@@ -112,10 +120,19 @@ div#note-container {
}
}
&.editing {
&.editing,
&.movable {
opacity: 0.4;
}
&.movable {
div.note-box-inner-border,
div.note-box-inner-border.unsaved,
div.note-box-inner-border.out-of-bounds {
border: var(--movable-note-box-inner-border);
}
}
div.ui-resizable-handle {
display: none;
}
@@ -126,6 +143,11 @@ div#note-container {
vertical-align: middle;
border: 1px solid transparent;
}
div.note-box-inner-border.unsaved,
div.note-box-inner-border.out-of-bounds {
border: var(--unsaved-note-box-inner-border);
}
}
&.note-box-highlighted {