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

Replaced Material Icons & Boostrap with custom UI framework

Browse source
This commit is contained in:
Harvey Kandola 2018-12-21 11:15:59 +00:00
parent d0f0a12f2d
commit 61c648a7ac
75 changed files with 116 additions and 1445 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2,7 +2,6 @@
color: $color-white;
background-color: map-get($gray-shades, 600);
@include border-radius(20px);
@include ease-in();
padding: 10px 0 0 0;
letter-spacing: 1px;
text-align: center;
@ -14,7 +13,6 @@
color: $color-white;
background-color: map-get($gray-shades, 600);
@include border-radius(100px);
@include ease-in();
height: 100px;
width: 100px;
font-size: 30px;

198
gui/app/styles/core/widget/widget-button.scss
View file

@ -1,198 +0,0 @@
// Copyright (c) 2015 Documize Inc.
.button-gap {
width: 5px;
margin: 0;
padding: 0;
display: inline-block;
@extend .no-select;
}
.button-icon-white {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: $color-white;
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken($color-white, 15%);
}
}
}
.button-icon-gray {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: map-get($gray-shades, 300);
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken(map-get($gray-shades, 300), 15%);
}
}
}
.button-icon-gold {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: map-get($yellow-shades, 700);
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken(map-get($yellow-shades, 700), 5%);
}
}
}
.button-icon-danger {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: map-get($gray-shades, 300);
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: map-get($red-shades, 700);
}
}
}
.button-icon-blue {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: map-get($gray-shades, 800);
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: map-get($gray-shades, 600);
}
}
}
.button-icon-red {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: map-get($red-shades, 700);
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: map-get($red-shades, 400);
}
}
}
.button-icon-green {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: map-get($green-shades, 600);
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: map-get($green-shades, 700);
}
}
}
.button-icon-black {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: $color-black-light-1;
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken($color-black-light-1, 5%);
}
}
}
.button-icon-theme {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: $theme-500;
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken($theme-500, 5%);
}
}
}
.button-icon-theme-light {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: $theme-100;
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken($theme-100, 5%);
}
}
}
.button-icon-small {
> i {
font-size: 1.3rem;
}
}
.button-icon-gap {
display: inline-block;
margin-left: 5px;
}

2
gui/app/styles/core/widget/widget-checkbox.scss
View file

@ -6,7 +6,7 @@
white-space: nowrap;
margin: 0 0 5px 0;
> .material-icons {
> .dicon{
font-size: 1.5rem;
color: map-get($gray-shades, 600);
vertical-align: top;

4
gui/app/styles/core/widget/widget-list-picker.scss
View file

@ -25,7 +25,6 @@
}
> .text-header {
@include ease-in();
font-size: 1.3rem;
font-weight: 600;
margin-bottom: 5px;
@ -36,7 +35,6 @@
}
> .text {
@include ease-in();
font-size: 1rem;
font-weight: 400;
overflow: hidden;
@ -45,7 +43,7 @@
width: 80%;
}
> .material-icons {
> .dicon {
position: absolute;
top: 10px;
right: 10px;

35
gui/app/styles/core/widget/widget-radio.scss
View file

@ -1,35 +0,0 @@
.ui-radio {
vertical-align: bottom;
cursor: pointer;
font-size: 1.1rem;
overflow: hidden;
white-space: nowrap;
margin: 0 0 5px 0;
> .material-icons {
font-size: 1.5rem;
color: map-get($gray-shades, 600);
vertical-align: top;
margin-right: 5px;
}
> .selected {
color: map-get($gray-shades, 800);
}
&:hover {
color: map-get($gray-shades, 800);
}
> .text {
display: inline-block;
font-size: 1.1rem;
vertical-align: sub;
color: $color-black-light-1;
}
}
.ui-radio-selected {
color: map-get($gray-shades, 800);
}

2
gui/app/styles/core/widget/widget-symbol.scss
View file

@ -9,7 +9,7 @@
text-align: center;
background-color: map-get($gray-shades, 300);
> .material-icons {
> .dicons {
font-size: 22px;
margin-top: 20px;
color: map-get($gray-shades, 600);

1
gui/app/styles/core/widget/widget-tabnav.scss
View file

@ -4,7 +4,6 @@
font-size: 0;
> .tab {
@include ease-in();
@extend .text-truncate;
display: inline-block;
margin: 0;

18
gui/app/styles/core/widget/widget.scss
View file

@ -1,20 +1,4 @@
// Copyright (c) 2015 Documize Inc.
// Material Design icons from https://design.google.com/icons/
.material-icons {
font-family: "Material Icons";
font-weight: normal;
font-style: normal;
font-size: 1.2rem;
display: inline-block;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: "liga";
}
.transition-shadow {
transition: box-shadow 0.25s;
@ -83,11 +67,9 @@
}
@import "widget-avatar";
@import "widget-button";
@import "widget-checkbox";
@import "widget-list-picker";
@import "widget-notification";
@import "widget-radio";
@import "widget-symbol";
@import "widget-table";
@import "widget-tabnav";