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

Action menu updates, ionicons minimal

Browse Source
This commit is contained in:
Mo Bitar
2018-01-19 12:22:17 -06:00
parent 59fb649bd4
commit 5be2402f65
25 changed files with 185 additions and 5642 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,97 +0,0 @@
.extension-render-modal {
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(gray, 0.3);
color: black;
.content {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-color: white;
width: 700px;
height: 500px;
margin: auto;
padding: 25px;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
overflow-y: scroll;
}
}
#global-ext-menu {
color: black;
.panel-body {
padding: 0;
}
.container {
padding: 13px 18px;
&.no-bottom {
padding-bottom: 0;
}
}
p {
font-size: 14px;
&.small {
font-size: 12px;
}
}
.link-group {
a {
margin-right: 2px;
}
}
.dashboard-link {
padding-top: 12px;
font-weight: normal;
}
.section-margin {
margin-top: 20px;
}
input {
border: 1px solid $blue-color;
border-radius: 2px;
}
.header {
padding-bottom: 12px;
}
ul {
border-top: 1px solid $light-bg-color;
border-bottom: 1px solid $light-bg-color;
margin: 0;
padding: 0;
li {
cursor: pointer;
background-color: rgba($light-bg-color, 0.2);
&:hover {
background-color: rgba($light-bg-color, 0.4);
}
&:not(:last-child) {
border-bottom: 1px solid $light-bg-color;
}
}
}
}
ul {
margin: 0;
padding: 0;
}

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

@@ -21,12 +21,6 @@
z-index: 1000;
margin-top: 15px;
background-color: white;
.close-button {
&:hover {
text-decoration: none;
}
}
}
}
@@ -43,58 +37,8 @@ a.disabled {
pointer-events: none;
}
.icon.ion-locked {
margin-left: 5px;
border-left: 1px solid gray;
padding-left: 8px;
}
/* Global Ext Menu */
.ext-section {
min-height: 50px;
h1 {
margin: 0;
padding: 0;
padding-top: 5px;
}
&.opened {
h1 {
padding-top: 0px;
// padding-bottom: 6px;
}
}
}
.room-iframe {
width: 100%;
height: 100%;
}
// .spinner {
// height: 10px;
// width: 10px;
// animation: rotate 0.8s infinite linear;
// border: 1px solid #515263;
// border-right-color: transparent;
// border-radius: 50%;
//
// &.tinted {
// border: 1px solid $blue-color;
// border-right-color: transparent;
// }
// }
//
// @keyframes rotate {
// 0% { transform: rotate(0deg); }
// 100% { transform: rotate(360deg); }
// }

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

@@ -22,7 +22,15 @@ body {
}
* {
box-sizing: border-box;
box-sizing: border-box;
}
.tinted {
color: $blue-color;
}
.tinted-selected {
color: white;
}
*:focus {outline:0;}
@@ -37,51 +45,6 @@ input, button, select, textarea {
line-height: inherit;
}
.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;
}
}
}
.dark-button {
background-color: #2e2e2e;
border: 0;
padding: 6px 18px;
font-size: 16px;
cursor: pointer;
color: #fff;
border-radius: 2px;
border: 1px solid transparent;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
&:hover {
background-color: black;
}
}
a {
color: $blue-color;
text-decoration: none;
@@ -120,21 +83,6 @@ $footer-height: 32px;
overflow: hidden;
position: relative;
.light-button {
background-color: $bg-color;
font-weight: bold;
color: $main-text-color;
font-size: 16px;
text-align: center;
height: 35px;
border-radius: 4px;
padding-top: 6px;
&:hover {
background-color: #cdcdcd;
}
}
panel-resizer {
top: 0;
right: 0;

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

@@ -5,19 +5,16 @@
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
float: left;
min-width: 160px;
z-index: 100;
position: absolute;
top: 100%;
left: 0;
float: left;
min-width: 160px;
z-index: 100;
margin-top: 5px;
width: 280px;
max-height: calc(85vh - 90px);
background-color: white;
color: $selected-text-color;
margin-top: 5px;
width: 280px;
max-height: calc(85vh - 90px);
background-color: white;
color: $selected-text-color;
}

14
app/assets/stylesheets/app/_modals.scss
View File

@@ -37,6 +37,20 @@
align-items: center;
justify-content: center;
.sn-component {
height: 100%;
.panel {
height: 100%;
}
}
&.medium {
> .content {
width: 700px;
height: 500px;
}
}
.background {
position: absolute;
z-index: -1;

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

@@ -1,48 +0,0 @@
.mt-5 {
margin-top: 5px !important;
}
.mt-10 {
margin-top: 10px !important;
}
.faded {
opacity: 0.5;
}
.center-align {
text-align: center !important;
}
.block {
display: block !important;
}
.wrap {
word-wrap: break-word;
word-break: break-all;
}
.medium-padding {
padding: 10px !important;
}
.red {
color: red !important;
}
.bold {
font-weight: bold !important;
}
.normal {
font-weight: normal !important;
}
.small {
font-size: 10px;
}
.medium {
font-size: 14px !important;
}

12
app/assets/stylesheets/app/_stylekit-sub.scss
View File

@@ -1,6 +1,18 @@
.sn-component {
}
.panel {
color: black;
.header {
.close-button {
&:hover {
text-decoration: none;
}
}
}
input {
min-height: 39px;
}

54
app/assets/stylesheets/app/_ui.scss
View File

@@ -56,3 +56,57 @@ $screen-md-max: ($screen-lg-min - 1) !default;
@content;
}
}
.selectable {
user-select: text !important;
cursor: text;
}
.mt-5 {
margin-top: 5px !important;
}
.mt-10 {
margin-top: 10px !important;
}
.faded {
opacity: 0.5;
}
.center-align {
text-align: center !important;
}
.block {
display: block !important;
}
.wrap {
word-wrap: break-word;
word-break: break-all;
}
.medium-padding {
padding: 10px !important;
}
.red {
color: red !important;
}
.bold {
font-weight: bold !important;
}
.normal {
font-weight: normal !important;
}
.small {
font-size: 10px;
}
.medium {
font-size: 14px !important;
}