rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

V2

Browse Source
This commit is contained in:
Mo Bitar
2017-10-13 10:09:59 -05:00
parent cfb2c6084c
commit 6fd57195cd
63 changed files with 6587 additions and 413 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2966
app/assets/stylesheets/_ionicons.scss Normal file
View File

File diff suppressed because one or more lines are too long

7
app/assets/stylesheets/app/_editor.scss
View File

@@ -24,14 +24,17 @@ $heading-height: 75px;
#editor-title-bar {
width: 100%;
padding: 20px;
padding-top: 14px;
padding-left: 14px;
padding-bottom: 10px;
padding-right: 10px;
background-color: white;
border-bottom: none;
z-index: 100;
height: auto;
padding-right: 10px;
overflow: visible;
&.fullscreen {

19
app/assets/stylesheets/app/_extensions.scss
View File

@@ -53,25 +53,6 @@
}
}
.blue-box {
background-color: $blue-color;
color: white;
border-radius: 4px;
padding: 16px 20px;
button {
background-color: white;
color: $blue-color;
border-radius: 3px;
font-weight: bold;
padding: 6px 20px;
width: 100%;
&:hover {
text-decoration: underline;
}
}
}
.dashboard-link {
padding-top: 12px;
font-weight: normal;

11
app/assets/stylesheets/app/_footer.scss
View File

@@ -1,7 +1,6 @@
.fake-link {
font-weight: bold;
cursor: pointer;
color: $blue-color;
&:hover {
text-decoration: underline;
@@ -31,7 +30,6 @@ h2 {
a {
font-weight: bold;
cursor: pointer;
color: $blue-color;
&.gray {
color: $dark-gray;
@@ -140,7 +138,6 @@ button.light {
width: 100%;
border: 1px solid rgba(gray, 0.15);
cursor: pointer;
color: $blue-color;
&:hover {
background-color: rgba(gray, 0.10);
@@ -170,7 +167,11 @@ a.disabled {
}
.icon.ion-locked {
margin-left: 5px;
border-left: 1px solid gray;
padding-left: 8px;
}
@@ -211,7 +212,7 @@ a.disabled {
border-right-color: transparent;
border-radius: 50%;
&.blue {
&.tinted {
border: 1px solid $blue-color;
border-right-color: transparent;
}

51
app/assets/stylesheets/app/_lock-screen.scss Normal file
View File

@@ -0,0 +1,51 @@
#lock-screen {
position: fixed;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10000;
width: 100vw;
height: 100vh;
background-color: rgba(white, 0.5);
color: black;
font-size: 16px;
display: flex;
align-items: center;
.background {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
}
.content {
// box-shadow: 0 3px 3px rgba(0, 0, 0, 0.175);
border: 1px solid rgba(black, 0.1);
background-color: white;
width: 300px;
// height: 500px;
margin: auto;
padding: 10px 30px;
padding-bottom: 30px;
// position: absolute;
// top: 0; left: 0; bottom: 0; right: 0;
overflow-y: scroll;
p {
margin-bottom: 8px;
margin-top: 0;
}
h3 {
margin-bottom: 0;
}
h4 {
margin-bottom: 6px;
}
}
}

30
app/assets/stylesheets/app/_main.scss
View File

@@ -29,10 +29,33 @@ $blue-color: #086dd6;
}
}
.blue {
.tinted {
color: $blue-color;
}
.tinted-selected {
color: white;
}
.tinted-box {
background-color: $blue-color;
color: white;
border-radius: 4px;
padding: 16px 20px;
button {
background-color: white;
color: $blue-color;
border-radius: 3px;
font-weight: bold;
padding: 6px 20px;
width: 100%;
&:hover {
text-decoration: underline;
}
}
}
html,
body {
font-family: -apple-system, BlinkMacSystemFont,
@@ -67,6 +90,7 @@ body {
}
a {
color: $blue-color;
text-decoration: none;
&:hover {
text-decoration: underline;;
@@ -164,3 +188,7 @@ $section-header-height: 70px;
}
}
}
.icon {
margin-right: 4px;
}

13
app/assets/stylesheets/app/_menus.scss
View File

@@ -1,7 +1,7 @@
ul.section-menu-bar {
width: 100%;
padding-top: 0px;
padding-left: 15px;
padding-left: 6px;
padding-right: 21px;
background-color: #f1f1f1;
@@ -63,10 +63,13 @@ ul.section-menu-bar {
> li {
width: 100%;
height: 35px;
height: 40px;
padding-top: 3px;
overflow: hidden;
cursor: pointer;
border-bottom: 1px solid rgba(black, 0.1);
color: $selected-text-color;
float: left;
@@ -103,10 +106,6 @@ ul.section-menu-bar {
overflow-y: scroll;
max-height: calc(85vh - 90px);
&:not(:first-child) {
margin-top: 18px;
}
ul {
margin-top: 0px;
margin-bottom: 0px;
@@ -143,7 +142,7 @@ ul.section-menu-bar {
background-color: $blue-color;
.blue {
.tinted {
color: white;
}

27
app/assets/stylesheets/app/_notes.scss
View File

@@ -11,6 +11,8 @@
#notes-title-bar {
color: rgba(black, 0.40);
padding-top: 16px;
padding-left: 14px;
padding-right: 14px;
height: $notes-title-bar-height;
font-weight: normal;
font-size: 18px;
@@ -21,14 +23,15 @@
}
#notes-add-button {
right: 20px;
right: 14px;
}
#tag-menu-bar {
position: relative;
margin: 0 -20px;
width: auto;
margin: 0 -14px;
margin-top: 14px;
// padding-left: 4px;
width: auto;
}
.filter-section {
@@ -101,6 +104,20 @@
margin-top: 4px;
}
.tags-string {
margin-bottom: 4px;
font-size: 13px;
}
.pinned {
.icon {
display: inline-block;
vertical-align: top;
margin-top: 2px;
margin-right: 2px;
}
}
.note-preview {
font-size: 15px;
margin-top: 1px;
@@ -117,6 +134,10 @@
&.selected {
background-color: $blue-color;
color: white;
.pinned {
color: white;
}
}
}

5
app/assets/stylesheets/app/_permissions-modal.scss
View File

@@ -55,9 +55,6 @@
.status {
color: orange;
&.trusted {
color: $blue-color;
}
}
.buttons {
@@ -74,7 +71,7 @@
text-decoration: underline;
}
&.blue {
&.tinted {
background-color: $blue-color;
color: white;
}

4
app/assets/stylesheets/app/_standard.scss
View File

@@ -22,6 +22,10 @@
margin-top: 2px !important;
}
.mt-3 {
margin-top: 3px !important;
}
.mt-5 {
margin-top: 5px !important;
}

3
app/assets/stylesheets/frontend.css.scss
View File

@@ -10,3 +10,6 @@ $dark-gray: #2e2e2e;
@import "app/extensions";
@import "app/menus";
@import "app/permissions-modal";
@import "app/lock-screen";
@import "ionicons";