wbrawner/server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve overall container style, radius and shadow

Browse source 
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2018-10-01 21:40:28 +02:00
parent 3b7c6e7dfd
commit 36062fec7d
No known key found for this signature in database
GPG key ID: CBD846FC845CBE17
4 changed files with 21 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
apps/files/css/upload.scss
View file

@ -177,12 +177,6 @@
width:100%;
text-align:right;
button {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cancel {
float:left;
}

1
core/css/css-variables.scss
View file

@ -34,6 +34,7 @@
--color-border: $color-border;
--color-border-dark: $color-border-dark;
--border-radius: $border-radius;
--border-radius-large: $border-radius-large;
--font-face: $font-face;
}

23
core/css/jquery.ocdialog.scss
View file

@ -1,8 +1,8 @@
.oc-dialog {
background: var(--color-main-background);
color: var(--color-text-light);
border-radius: var(--border-radius);
box-shadow: 0 0 7px var(--color-box-shadow);
border-radius: var(--border-radius-large);
box-shadow: 0 0 30px var(--color-box-shadow);
padding: 15px;
z-index: 10000;
font-size: 100%;
@ -25,8 +25,8 @@
background: transparent;
right: 0;
bottom: 0;
padding: 10px;
padding-bottom: 0;
padding: 0;
padding-top: 10px;
box-sizing: border-box;
width: 100%;
background-image: linear-gradient(rgba(255, 255, 255, 0.0), var(--color-main-background));
@ -41,6 +41,12 @@
&.twobuttons.aside {
justify-content: flex-end;
}
button {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.oc-dialog-close {
@ -49,6 +55,13 @@
right: 0;
padding: 25px;
background: url('../img/actions/close.svg') no-repeat center;
opacity: .5;
&:hover,
&:focus,
&:active {
opacity: 1;
}
}
.oc-dialog-dim {
@ -76,4 +89,4 @@
display: none;
}
}
}
}

3
core/css/variables.scss
View file

@ -66,13 +66,14 @@ $image-login-background: url('../img/background.png?v=2') !default;
$color-loading-light: #ccc !default;
$color-loading-dark: #777 !default;
$color-box-shadow: rgba(nc-darken($color-main-background, 70%), 0.75) !default;
$color-box-shadow: rgba(nc-darken($color-main-background, 70%), 0.5) !default;
// light border like file table or app-content list
$color-border: nc-darken($color-main-background, 7%) !default;
// darker border like inputs or very visible elements
$color-border-dark: nc-darken($color-main-background, 14%) !default;
$border-radius: 3px !default;
$border-radius-large: 20px;
$font-face: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif !default;