* Added fake site warning
* Fixed a bunch of style bugs for chrome browsers * Improved check box styles on desktop and mobile * Touch up tool tip styles. Only dark now. * Created a separate terms page * Added 2FA auth token options to login * Added tool tip displays to some buttons on editor * Added pinned and archived options to overflow menu * Changed shared note styles * Disabled Scroll into view * Made image display smaller when adding images to notes * Added a last used color option * Updated help page * Fixed spelling error on terms page * Added a big ass green label on the new note icon * Scratch pad now opens a note, which is the scratch pad * Added better 2fa guide * Added change password option * Added log out and log out all active sessions option * Added strict rate limiting on login and register actions * Added middleware to routes that force authentication to be accessed * Fixed bug that was causing shared notes to appear empty * Updated option now appears on shared notes after they are actually updated
This commit is contained in:
Max G committed
1 parent
a8a966866c
commit
b34a62e114
24 files changed
+559
-483
No files matched your search
@@ -116,6 +116,9 @@ body {
|
||||
background-color: transparent;
|
||||
border-color: var(--dark_border_color);
|
||||
}
|
||||
.ui.dividing.header {
|
||||
border-bottom-color: var(--dark_border_color);
|
||||
}
|
||||
.ui.icon.input > i.icon {
|
||||
color: var(--text_color);
|
||||
}
|
||||
@@ -251,6 +254,13 @@ i.green.icon.icon.icon.icon {
|
||||
z-index: 100;
|
||||
cursor: pointer;
|
||||
}
|
||||
.text-container {
|
||||
max-width: 1000px;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
background-color: var(--small_element_bg_color) !important;
|
||||
}
|
||||
|
||||
/* squire text styles */
|
||||
.squire-box {
|
||||
@@ -264,7 +274,7 @@ i.green.icon.icon.icon.icon {
|
||||
box-sizing: border-box;
|
||||
padding: 10px 15px 10px;
|
||||
/*background: transparent;*/
|
||||
overflow-x: scroll;
|
||||
overflow: hidden;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.8em;
|
||||
word-wrap: break-word;
|
||||
@@ -295,7 +305,7 @@ i.green.icon.icon.icon.icon {
|
||||
|
||||
.note-card-text pre,
|
||||
.squire-box pre {
|
||||
word-wrap: break-word;
|
||||
/*word-wrap: break-word;*/
|
||||
}
|
||||
.note-card-text p,
|
||||
.squire-box p {
|
||||
@@ -307,6 +317,10 @@ i.green.icon.icon.icon.icon {
|
||||
margin: 0;
|
||||
padding: 0 0 0 2.5em;
|
||||
}
|
||||
.note-card-text u,
|
||||
.squire-box u {
|
||||
text-decoration-color: var(--main-accent);
|
||||
}
|
||||
.note-card-text img {
|
||||
max-width:100%;
|
||||
height: auto;
|
||||
@@ -322,7 +336,12 @@ i.green.icon.icon.icon.icon {
|
||||
.squire-box li > p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.note-card-text ol,
|
||||
.squire-box ol,
|
||||
.note-card-text ul,
|
||||
.squire-box ul {
|
||||
margin: 8px 0 0 0;
|
||||
}
|
||||
.note-card-text ul > li,
|
||||
.squire-box ul > li {
|
||||
position: relative;
|
||||
@@ -331,35 +350,53 @@ i.green.icon.icon.icon.icon {
|
||||
.note-card-text ul > li:before,
|
||||
.squire-box ul > li:before {
|
||||
|
||||
/*filled circle */
|
||||
content: "\f111";
|
||||
/*empty square*/
|
||||
/*content: "\F0C8";*/
|
||||
|
||||
font-family: 'Icons';
|
||||
/*font-family: 'outline-icons';*/
|
||||
backface-visibility: hidden;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-decoration: inherit;
|
||||
text-align: center;
|
||||
line-height: 1.4em;
|
||||
font-size: 0.75em;
|
||||
font-size: 0.25em;
|
||||
|
||||
height: 17px;
|
||||
width: 17px;
|
||||
height: 100%;
|
||||
width: 20px;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
|
||||
left: -30px;
|
||||
left: -25px;
|
||||
/*border: 2px solid #444;*/
|
||||
/*border-radius: 4px;*/
|
||||
bottom: 0;
|
||||
top: 4px;
|
||||
top: 0;
|
||||
cursor: pointer;
|
||||
opacity: 0.7;
|
||||
|
||||
color: var(--text_color);
|
||||
text-align: center;
|
||||
}
|
||||
/* filled in check circle */
|
||||
ul > li.active:before {
|
||||
|
||||
font-family: 'Icons';
|
||||
content: "\f058";
|
||||
content: "\F14A";
|
||||
color: var(--main-accent);
|
||||
opacity: 1;
|
||||
|
||||
font-size: 1em;
|
||||
}
|
||||
/* hover - transparent icon */
|
||||
.squire-box ul > li:hover:not(.active):before {
|
||||
font-family: 'outline-icons';
|
||||
content: "\f14a";
|
||||
opacity: 0.4;
|
||||
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.note-title-display-card .divide,
|
||||
@@ -447,27 +484,28 @@ i.green.icon.icon.icon.icon {
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
/*empty check box*/
|
||||
.note-card-text ul > li:before,
|
||||
.squire-box ul > li:before {
|
||||
.squire-box ul > li:before,
|
||||
.squire-box ul > li:hover:not(.active):before {
|
||||
|
||||
/*empty checkmark*/
|
||||
/*font-family: 'Icons';*/
|
||||
/*content: "\f058";*/
|
||||
|
||||
content: "\f111";
|
||||
font-family: outline-icons;
|
||||
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
content: "\F0C8";
|
||||
font-family: 'outline-icons';
|
||||
|
||||
left: -40px;
|
||||
bottom: 0;
|
||||
top: 0px;
|
||||
cursor: pointer;
|
||||
|
||||
line-height: 0.9em;
|
||||
font-size: 1.4em;
|
||||
opacity: 0.2;
|
||||
}
|
||||
/*Filled check box */
|
||||
ul > li.active:before {
|
||||
|
||||
font-family: 'Icons';
|
||||
content: "\f058";
|
||||
content: "\F14A";
|
||||
|
||||
color: var(--main-accent);
|
||||
opacity: 1;
|
||||
}
|
||||
@@ -539,36 +577,34 @@ i.green.icon.icon.icon.icon {
|
||||
position: absolute;
|
||||
content: '';
|
||||
font-size: 1rem;
|
||||
width: 0.71428571em;
|
||||
height: 0.71428571em;
|
||||
background: #FFFFFF;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: #1B1C1D;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
z-index: 1901;
|
||||
-webkit-box-shadow: 1px 1px 0 0 #bababc;
|
||||
box-shadow: 1px 1px 0 0 #bababc;
|
||||
}
|
||||
|
||||
/* Popup */
|
||||
[data-tooltip]:after {
|
||||
min-width: 40px;
|
||||
pointer-events: none;
|
||||
content: attr(data-tooltip);
|
||||
position: absolute;
|
||||
text-transform: none;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
white-space: pre;
|
||||
font-size: 1rem;
|
||||
border: 1px solid #D4D4D5;
|
||||
line-height: 1.4285em;
|
||||
max-width: none;
|
||||
background: #FFFFFF;
|
||||
padding: 0.833em 1em;
|
||||
background: #1B1C1D;
|
||||
padding: 0.5em;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
/*color: var(--main-accent);*/
|
||||
color: white;
|
||||
border-radius: 0.28571429rem;
|
||||
-webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||
z-index: 1900;
|
||||
}
|
||||
|
||||
@@ -578,7 +614,7 @@ i.green.icon.icon.icon.icon {
|
||||
right: auto;
|
||||
bottom: 100%;
|
||||
left: 50%;
|
||||
background: #FFFFFF;
|
||||
background: #1B1C1D;
|
||||
margin-left: -0.07142857rem;
|
||||
margin-bottom: 0.14285714rem;
|
||||
}
|
||||
@@ -596,7 +632,7 @@ i.green.icon.icon.icon.icon {
|
||||
pointer-events: none;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s ease;
|
||||
/*transition: opacity 0.2s ease;*/
|
||||
}
|
||||
[data-tooltip]:before {
|
||||
-webkit-transform: rotate(45deg) scale(0) !important;
|
||||
@@ -619,93 +655,13 @@ i.green.icon.icon.icon.icon {
|
||||
transform: rotate(45deg) scale(1) !important;
|
||||
}
|
||||
|
||||
/* Animation Position */
|
||||
[data-tooltip]:after,
|
||||
[data-tooltip][data-position="top center"]:after,
|
||||
[data-tooltip][data-position="bottom center"]:after {
|
||||
-webkit-transform: translateX(-50%) scale(0) !important;
|
||||
transform: translateX(-50%) scale(0) !important;
|
||||
}
|
||||
[data-tooltip]:hover:after,
|
||||
[data-tooltip][data-position="bottom center"]:hover:after {
|
||||
-webkit-transform: translateX(-50%) scale(1) !important;
|
||||
transform: translateX(-50%) scale(1) !important;
|
||||
}
|
||||
[data-tooltip][data-position="left center"]:after,
|
||||
[data-tooltip][data-position="right center"]:after {
|
||||
-webkit-transform: translateY(-50%) scale(0) !important;
|
||||
transform: translateY(-50%) scale(0) !important;
|
||||
}
|
||||
[data-tooltip][data-position="left center"]:hover:after,
|
||||
[data-tooltip][data-position="right center"]:hover:after {
|
||||
-webkit-transform: translateY(-50%) scale(1) !important;
|
||||
transform: translateY(-50%) scale(1) !important;
|
||||
}
|
||||
[data-tooltip][data-position="top left"]:after,
|
||||
[data-tooltip][data-position="top right"]:after,
|
||||
[data-tooltip][data-position="bottom left"]:after,
|
||||
[data-tooltip][data-position="bottom right"]:after {
|
||||
-webkit-transform: scale(0) !important;
|
||||
transform: scale(0) !important;
|
||||
}
|
||||
[data-tooltip][data-position="top left"]:hover:after,
|
||||
[data-tooltip][data-position="top right"]:hover:after,
|
||||
[data-tooltip][data-position="bottom left"]:hover:after,
|
||||
[data-tooltip][data-position="bottom right"]:hover:after {
|
||||
-webkit-transform: scale(1) !important;
|
||||
transform: scale(1) !important;
|
||||
}
|
||||
[data-tooltip][data-variation~="fixed"]:after {
|
||||
white-space: normal;
|
||||
width: 250px;
|
||||
}
|
||||
[data-tooltip][data-variation*="wide fixed"]:after {
|
||||
width: 350px;
|
||||
}
|
||||
[data-tooltip][data-variation*="very wide fixed"]:after {
|
||||
width: 550px;
|
||||
}
|
||||
@media only screen and (max-width: 767.98px) {
|
||||
[data-tooltip][data-variation~="fixed"]:after {
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------
|
||||
Inverted
|
||||
---------------*/
|
||||
|
||||
|
||||
/* Arrow */
|
||||
[data-tooltip][data-inverted]:before {
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Arrow Position */
|
||||
[data-tooltip][data-inverted]:before {
|
||||
background: #1B1C1D;
|
||||
}
|
||||
|
||||
/* Popup */
|
||||
[data-tooltip][data-inverted]:after {
|
||||
background: #1B1C1D;
|
||||
color: #FFFFFF;
|
||||
border: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
[data-tooltip][data-inverted]:after .header {
|
||||
background: none;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/*--------------
|
||||
Position
|
||||
---------------*/
|
||||
|
||||
[data-position~="top"][data-tooltip]:before {
|
||||
background: #FFFFFF;
|
||||
background: #1B1C1D;
|
||||
}
|
||||
|
||||
/* Top Center */
|
||||
@@ -723,7 +679,7 @@ i.green.icon.icon.icon.icon {
|
||||
right: auto;
|
||||
bottom: 100%;
|
||||
left: 50%;
|
||||
background: #FFFFFF;
|
||||
background: #1B1C1D;
|
||||
margin-left: -0.07142857rem;
|
||||
margin-bottom: 0.14285714rem;
|
||||
}
|
||||
@@ -762,7 +718,7 @@ i.green.icon.icon.icon.icon {
|
||||
margin-bottom: 0.14285714rem;
|
||||
}
|
||||
[data-position~="bottom"][data-tooltip]:before {
|
||||
background: #FFFFFF;
|
||||
background: #1B1C1D;
|
||||
-webkit-box-shadow: -1px -1px 0 0 #bababc;
|
||||
box-shadow: -1px -1px 0 0 #bababc;
|
||||
}
|
||||
@@ -781,7 +737,7 @@ i.green.icon.icon.icon.icon {
|
||||
bottom: auto;
|
||||
right: auto;
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
left: 30%;
|
||||
margin-left: -0.07142857rem;
|
||||
margin-top: 0.14285714rem;
|
||||
}
|
||||
@@ -829,9 +785,7 @@ i.green.icon.icon.icon.icon {
|
||||
top: 50%;
|
||||
margin-top: -0.14285714rem;
|
||||
margin-right: -0.07142857rem;
|
||||
background: #FFFFFF;
|
||||
-webkit-box-shadow: 1px -1px 0 0 #bababc;
|
||||
box-shadow: 1px -1px 0 0 #bababc;
|
||||
background: #1B1C1D;
|
||||
}
|
||||
|
||||
/* Right Center */
|
||||
@@ -847,30 +801,9 @@ i.green.icon.icon.icon.icon {
|
||||
top: 50%;
|
||||
margin-top: -0.07142857rem;
|
||||
margin-left: 0.14285714rem;
|
||||
background: #FFFFFF;
|
||||
-webkit-box-shadow: -1px 1px 0 0 #bababc;
|
||||
box-shadow: -1px 1px 0 0 #bababc;
|
||||
background: #1B1C1D;
|
||||
}
|
||||
|
||||
/* Inverted Arrow Color */
|
||||
[data-inverted][data-position~="bottom"][data-tooltip]:before {
|
||||
background: #1B1C1D;
|
||||
-webkit-box-shadow: -1px -1px 0 0 #bababc;
|
||||
box-shadow: -1px -1px 0 0 #bababc;
|
||||
}
|
||||
[data-inverted][data-position="left center"][data-tooltip]:before {
|
||||
background: #1B1C1D;
|
||||
-webkit-box-shadow: 1px -1px 0 0 #bababc;
|
||||
box-shadow: 1px -1px 0 0 #bababc;
|
||||
}
|
||||
[data-inverted][data-position="right center"][data-tooltip]:before {
|
||||
background: #1B1C1D;
|
||||
-webkit-box-shadow: -1px 1px 0 0 #bababc;
|
||||
box-shadow: -1px 1px 0 0 #bababc;
|
||||
}
|
||||
[data-inverted][data-position~="top"][data-tooltip]:before {
|
||||
background: #1B1C1D;
|
||||
}
|
||||
[data-position~="bottom"][data-tooltip]:before {
|
||||
-webkit-transform-origin: center bottom;
|
||||
transform-origin: center bottom;
|
||||
@@ -894,12 +827,4 @@ i.green.icon.icon.icon.icon {
|
||||
[data-position="right center"][data-tooltip]:after {
|
||||
-webkit-transform-origin: left center;
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
/*--------------
|
||||
Basic
|
||||
---------------*/
|
||||
|
||||
[data-tooltip][data-variation~="basic"]:before {
|
||||
display: none;
|
||||
}
|
||||
Reference in new issue
Block a user