Max/SolidScribe
1
0
Fork 0
Code Issues 24 Pull Requests Releases Wiki Activity

Added a night mode and no way to toggle it!

Browse Source 
Tweaked a lot of styles and added some cool animations
Added a little to the help text
Quickly adding a note, saving and closing no longer causes half formed or empty notes to appear
Close Editor animation
Display cards text show at the bottom of card
Added a delete function, and it works
Added browser title attributes
More debugging and error checking on scraped links
Updated not search to display title and text below the title
This commit is contained in:
Max G
2019-07-29 07:22:47 +00:00
parent b0a8071b41
commit fcee24a61d
13 changed files with 387 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
client/src/assets/semantic-helper.css
View File

@@ -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;
}
}