Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-08 06:55:28 +02:00
Code Releases Activity

UI CSS tweaks

Browse source
This commit is contained in:
EnesAlili 2016-06-17 21:10:22 +01:00
parent 8e2364ab64
commit 87e487c763
9 changed files with 42 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/app/styles/color.scss
View file

@ -9,7 +9,7 @@
// //
// https://documize.com // https://documize.com
$color-off-white: #f5f5f5; $color-off-white: #f5f5f5;
$color-off-black: #4c4c4c; $color-off-black: #333333;
$color-black: #000000; $color-black: #000000;
$color-white: #ffffff; $color-white: #ffffff;
$color-primary: #2180cc; $color-primary: #2180cc;

17
app/app/styles/view/document/content.scss
View file

@ -4,10 +4,6 @@
.attachment-zone { .attachment-zone {
margin: 20px 0 30px 0; margin: 20px 0 30px 0;
padding: 10px;
background-color: $color-off-white;
border: 1px solid $color-border2;
border-radius: 2px;
> .list { > .list {
margin: 0; margin: 0;
@ -15,9 +11,11 @@
> .item { > .item {
color: $color-off-black; color: $color-off-black;
margin: 0px 5px; margin-top: 10px;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
border-bottom: 1px solid $color-gray2;
padding-bottom: 10px;
> .icon { > .icon {
vertical-align: text-top; vertical-align: text-top;
@ -93,22 +91,21 @@
.no-sections { .no-sections {
text-align: center; text-align: center;
opacity: 0.4; opacity: 0.4;
> .box { > .box {
padding: 35px; padding: 35px;
display: inline-block; display: inline-block;
margin: 0 20px; margin: 0 20px;
> .message { > .message {
font-size: 14px; font-size: 14px;
color: $color-off-black; color: $color-off-black;
margin-top: 20px; margin-top: 20px;
} }
> .regular-button { > .regular-button {
cursor: default !important; cursor: default !important;
} }
} }
} }

3
app/app/styles/view/document/toolbar.scss
View file

@ -3,9 +3,8 @@
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 40px 40px 20px 40px; padding: 40px 40px 20px 40px;
background-color: darken($color-off-white, 3%); background-color: $color-off-white;
color: $color-gray; color: $color-gray;
border: 1px solid $color-border2;
> .meta-data { > .meta-data {
margin: 0; margin: 0;

20
app/app/styles/view/document/wysiwyg.scss
View file

@ -1,7 +1,8 @@
.wysiwyg { .wysiwyg {
// font-size: 1rem; // font-size: 1rem;
font-size: 15px; font-size: 16px;
line-height: 30px; line-height: 31px;
color: #3c3c3c;
table table
{ {
@ -18,7 +19,7 @@
p p
{ {
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
} }
} }
} }
@ -40,20 +41,23 @@
h1 h1
{ {
font-size: 2.5em; font-size: 2.3em;
font-weight: bold; font-weight: bold;
margin: 0 0 10px 0; color:$color-off-black;
margin-bottom: 20px;
margin-top: 0;
} }
h2 h2
{ {
font-size: 2rem; font-size: 2rem;
margin: 30px 0 20px 0; margin: 30px 0 20px 0;
font-family: open_sansregular;
} }
h3 h3
{ {
font-size: 1.8rem; font-size: 1.6rem;
margin: 30px 0 20px 0; margin: 30px 0 20px 0;
} }
@ -73,8 +77,8 @@
{ {
.page-title .page-title
{ {
color: $color-primary; color:$color-off-black;
font-weight: bold; font-family: open_sansregular;
} }
} }

9
app/app/styles/view/layout.scss
View file

@ -84,7 +84,7 @@
font-size: 1rem; font-size: 1rem;
font-style: normal; font-style: normal;
line-height: 2.6rem; line-height: 2.6rem;
font-family: Tahoma, 'courier', 'arial'; font-family: open_sansregular;
} }
&:before { &:before {
@ -96,7 +96,7 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
color: $color-white; color: $color-white;
padding: 20px 0 0 0; padding: 20px 0 0 0;
> .option { > .option {
list-style: none; list-style: none;
@ -118,14 +118,14 @@
.dual-box { .dual-box {
background-color: $color-off-white; background-color: $color-off-white;
color: $color-off-black; color: $color-gray;
height: 45px; height: 45px;
border: 1px solid $color-border2; border: 1px solid $color-border2;
border-radius: 4px; border-radius: 4px;
width: 100%; width: 100%;
padding: 0 10px; padding: 0 10px;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
&:hover { &:hover {
@extend .z-depth-tiny; @extend .z-depth-tiny;
@ -159,5 +159,6 @@
.dual-box-white { .dual-box-white {
background-color: $color-white; background-color: $color-white;
color: $color-off-black;
} }
} }

14
app/app/styles/view/page-documents.scss
View file

@ -34,7 +34,7 @@
> .item { > .item {
list-style-type: none; list-style-type: none;
list-style: none; list-style: none;
margin: 0 0 3px 0; margin: 0 0 5px 0;
padding: 0; padding: 0;
} }
} }
@ -101,14 +101,14 @@
} }
> .title { > .title {
font-size: 16px; font-size: 18px;
font-weight: bold; margin-bottom: 10px;
margin-bottom: 8px;
} }
> .snippet { > .snippet {
color: $color-gray; color: $color-gray;
font-size: 13px; font-size: 14px;
line-height: 24px;
} }
> .tags { > .tags {
@ -117,7 +117,7 @@
margin-top: 8px; margin-top: 8px;
.tag { .tag {
background-color: $color-off-white; background-color: $color-white;
color: $color-stroke; color: $color-stroke;
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;
@ -128,7 +128,7 @@
transition: 0.2s all ease; transition: 0.2s all ease;
&:hover { &:hover {
background-color: $color-white; background-color: $color-off-white;
} }
} }
} }

2
app/app/styles/widget/widget-avatar.scss
View file

@ -7,7 +7,6 @@
text-align: center; text-align: center;
height: 35px; height: 35px;
width: 35px; width: 35px;
font-family: Tahoma, 'courier', 'arial';
} }
.avatar-large { .avatar-large {
@ -21,5 +20,4 @@
letter-spacing: 1px; letter-spacing: 1px;
text-align: center; text-align: center;
margin: 0 auto; margin: 0 auto;
font-family: Tahoma, 'courier', 'arial';
} }

10
app/app/styles/widget/widget-button.scss
View file

@ -125,7 +125,7 @@
transition: .2s ease-out; transition: .2s ease-out;
border-radius: 2px; border-radius: 2px;
display: inline-block; display: inline-block;
height: 33px; height: 32px;
line-height: 34px; line-height: 34px;
font-size: 0.9em; font-size: 0.9em;
outline: 0; outline: 0;
@ -134,9 +134,9 @@
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
color: $color-white; color: $color-white;
cursor: pointer; cursor: pointer;
border: none; border: none;
@extend .no-select; @extend .no-select;
> .name { > .name {
vertical-align: top; vertical-align: top;
display: inline-block; display: inline-block;
@ -166,7 +166,7 @@
.button-transparent { .button-transparent {
background-color: transparent; background-color: transparent;
color: $color-gray; color: $color-gray;
border: 1px solid $color-gray; border: 1px solid $color-gray;
} }
.flat-button { .flat-button {

8
app/app/styles/widget/widget-chip.scss
View file

@ -1,11 +1,11 @@
.chip { .chip {
display: inline-block; display: inline-block;
background-color: $color-chip;
border-radius: 15px; border-radius: 15px;
border: 1px solid $color-border;
padding: 0; padding: 0;
height: 25px; height: 25px;
line-height: 0; line-height: 0;
margin-right: 10px; margin-right: 5px;
&:hover { &:hover {
cursor: pointer; cursor: pointer;
@ -16,14 +16,14 @@
display: inline-block; display: inline-block;
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
color: $color-off-white; color: $color-stroke;
padding: 12px 10px 0 10px; padding: 12px 10px 0 10px;
letter-spacing: 0.7px; letter-spacing: 0.7px;
line-height: 0; line-height: 0;
} }
> i.material-icons { > i.material-icons {
color: $color-off-white; color: $color-stroke;
font-size: 13px; font-size: 13px;
margin: 13px 8px 0 0; margin: 13px 8px 0 0;
padding: 0; padding: 0;