diff --git a/client/src/assets/semantic-helper.css b/client/src/assets/semantic-helper.css index 4d0b25e..2aaeb4f 100644 --- a/client/src/assets/semantic-helper.css +++ b/client/src/assets/semantic-helper.css @@ -1,18 +1,110 @@ -/*body, h3, h2, h1, p { - color: #3d3d3d; -}*/ + +:root { + --primary_color: #1C84DA; + --secondary_color: #1EAEDB; + + --element_background_color: #FFF; + + + + --background_color: #fff; + --text_color: #3d3d3d; + --outline_color: rgba(34,36,38,.15); +} + +/* Night mode colors */ +:root { + --background_color: #000; + --text_color: #a98457; + --outline_color: #a98457; +} + +/* OVERWRITE DEFAULT SEMANTIC STYLES FOR CUSTOM/NIGHT MODES*/ +body{ + color: var(--text_color); + background-color: var(--background_color); +} +.ui.form input:not([type]), +.ui.form input:not([type]):focus { + color: var(--text_color); + background-color: var(--background_color); + border-color: var(--border_color); +} +.ui.basic.label { + color: var(--text_color); + background-color: var(--background_color); + border-color: var(--border_color); +} +div.ui.basic.green.label { + background-color: var(--background_color) !important; +} +.ui.basic.button, .ui.basic.buttons .button { + background-color: var(--background_color) !important; + color: var(--text_color) !important; + border: 1px solid; + border-color: var(--border_color) !important; + box-shadow: none; +} +.ui.basic.button:focus, .ui.basic.button:hover { + background-color: var(--background_color) !important; + color: var(--text_color) !important; + box-shadow: none; +} +.ui.tabular.menu .item { + background-color: var(--background_color) !important; + color: var(--text_color) !important; +} +.ui.tabular.menu .item.active { + background-color: var(--background_color) !important; + color: var(--text_color) !important; + border-color: var(--border_color) !important; +} +/* OVERWRITE DEFAULT SEMANTIC STYLES FOR CUSTOM/NIGHT MODES*/ + + .clickable { cursor: pointer; } +.textarea-height { + height: calc(100% - 105px); +} .ck-content { font-family: 'Open Sans' !important; font-size: 1.3rem !important; background-color: rgba(255, 255, 255, 0); - height: 100%; + height: calc(100% - 40px); overflow: hidden; } +.ck .ck-editor__nested-editable:focus { + background-color: var(--background_color) !important; +} .ui.white.button { background: #FFF; +} + +.fade-in-fwd { + animation: fade-in-fwd 0.8s both; +} + +/* ---------------------------------------------- + * Generated by Animista on 2019-7-25 17:12:5 + * w: http://animista.net, t: @cssanimista + * ---------------------------------------------- */ + +/** + * ---------------------------------------- + * animation fade-in-fwd + * ---------------------------------------- + */ +@keyframes fade-in-fwd { + 0% { + transform: translateZ(-80px); + opacity: 0; + } + 100% { + transform: translateZ(0); + opacity: 1; + } } \ No newline at end of file diff --git a/client/src/components/DeleteButtonComponent.vue b/client/src/components/DeleteButtonComponent.vue new file mode 100644 index 0000000..76edd1d --- /dev/null +++ b/client/src/components/DeleteButtonComponent.vue @@ -0,0 +1,40 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/client/src/components/HelpPage.vue b/client/src/components/HelpPage.vue index 489fc6f..98f62bd 100644 --- a/client/src/components/HelpPage.vue +++ b/client/src/components/HelpPage.vue @@ -2,6 +2,9 @@
The following block formatting options are available:
diff --git a/client/src/components/InputNotes.vue b/client/src/components/InputNotes.vue index 4c4b26d..909dd67 100644 --- a/client/src/components/InputNotes.vue +++ b/client/src/components/InputNotes.vue @@ -1,49 +1,54 @@ -Edited: {{$helpers.timeAgo(note.updated)}}
+{{note.subtext}}
+Note URL Text
+Note URL Text