mirror of
https://github.com/documize/community.git
synced 2025-08-02 03:55:24 +02:00
Implement new refactored color scheme
This commit is contained in:
Harvey Kandola
parent
da0861b3fd
commit
d7a46ceee6
70 changed files with 934 additions and 521 deletions
|
|
@ -13,10 +13,9 @@ import $ from 'jquery';
|
|||
import { notEmpty } from '@ember/object/computed';
|
||||
import { inject as service } from '@ember/service'
|
||||
import Modals from '../../mixins/modal';
|
||||
import Tooltips from '../../mixins/tooltip';
|
||||
import Component from '@ember/component';
|
||||
|
||||
export default Component.extend(Tooltips, Modals, {
|
||||
export default Component.extend(Modals, {
|
||||
tagName: 'div',
|
||||
classNames: ['master-sidebar-container', 'non-printable'],
|
||||
selectedItem: 'spaces',
|
||||
|
|
@ -71,8 +70,6 @@ export default Component.extend(Tooltips, Modals, {
|
|||
this.eventBus.subscribe('pinChange', this, 'setupPins');
|
||||
this.setupPins();
|
||||
}
|
||||
|
||||
this.renderTooltips();
|
||||
},
|
||||
|
||||
setupPins() {
|
||||
|
|
@ -91,7 +88,6 @@ export default Component.extend(Tooltips, Modals, {
|
|||
willDestroyElement() {
|
||||
this._super(...arguments);
|
||||
|
||||
this.removeTooltips();
|
||||
this.eventBus.unsubscribe('pinChange');
|
||||
},
|
||||
|
||||
|
|
|
|||
|
|
@ -76,37 +76,37 @@ export default Model.extend({
|
|||
|
||||
switch (this.get('activityType')) {
|
||||
case constants.UserActivityType.Created:
|
||||
color = 'color-blue';
|
||||
color = 'color-gray-700';
|
||||
break;
|
||||
case constants.UserActivityType.Read:
|
||||
color = 'color-black';
|
||||
break;
|
||||
case constants.UserActivityType.Edited:
|
||||
color = 'color-green';
|
||||
color = 'color-green-700';
|
||||
break;
|
||||
case constants.UserActivityType.Deleted:
|
||||
color = 'color-red';
|
||||
color = 'color-red-600';
|
||||
break;
|
||||
case constants.UserActivityType.Archived:
|
||||
color = 'color-gray';
|
||||
color = 'color-gray-700';
|
||||
break;
|
||||
case constants.UserActivityType.Approved:
|
||||
color = 'color-green';
|
||||
color = 'color-green-700';
|
||||
break;
|
||||
case constants.UserActivityType.Reverted:
|
||||
color = 'color-red';
|
||||
color = 'color-red-600';
|
||||
break;
|
||||
case constants.UserActivityType.PublishedTemplate:
|
||||
color = 'color-blue';
|
||||
color = 'color-gray-700';
|
||||
break;
|
||||
case constants.UserActivityType.PublishedBlock:
|
||||
color = 'color-blue';
|
||||
color = 'color-gray-700';
|
||||
break;
|
||||
case constants.UserActivityType.Rejected:
|
||||
color = 'color-red';
|
||||
color = 'color-red-600';
|
||||
break;
|
||||
case constants.UserActivityType.Published:
|
||||
color = 'color-green';
|
||||
color = 'color-green-700';
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
|
|
|
|||
|
|
@ -31,10 +31,10 @@ export default Route.extend({
|
|||
|
||||
activate() {
|
||||
this.get('browser').setTitleAsPhrase('Forgot Password');
|
||||
$('body').addClass('background-color-theme-light d-flex justify-content-center align-items-center');
|
||||
$('body').addClass('background-color-theme-100 d-flex justify-content-center align-items-center');
|
||||
},
|
||||
|
||||
deactivate() {
|
||||
$('body').removeClass('background-color-theme-light d-flex justify-content-center align-items-center');
|
||||
$('body').removeClass('background-color-theme-100 d-flex justify-content-center align-items-center');
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -62,10 +62,10 @@ export default Route.extend({
|
|||
|
||||
activate() {
|
||||
this.get('browser').setTitleAsPhrase('Login');
|
||||
$('body').addClass('background-color-theme-light d-flex justify-content-center align-items-center');
|
||||
$('body').addClass('background-color-theme-100 d-flex justify-content-center align-items-center');
|
||||
},
|
||||
|
||||
deactivate() {
|
||||
$('body').removeClass('background-color-theme-light d-flex justify-content-center align-items-center');
|
||||
$('body').removeClass('background-color-theme-100 d-flex justify-content-center align-items-center');
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
{{/if}}
|
||||
</div>
|
||||
<button type="submit" class="btn btn-success font-weight-bold text-uppercase mt-4">Sign in</button>
|
||||
<div class="{{unless invalidCredentials "invisible"}} color-red mt-3">Invalid credentials</div>
|
||||
<div class="{{unless invalidCredentials "invisible"}} color-red-600 mt-3">Invalid credentials</div>
|
||||
{{#if isAuthProviderDocumize}}
|
||||
{{#link-to 'auth.forgot'}}Forgot your password?{{/link-to}}
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -19,10 +19,10 @@ export default Route.extend({
|
|||
|
||||
activate() {
|
||||
this.get('browser').setTitleAsPhrase('Reset Password');
|
||||
$('body').addClass('background-color-theme-light d-flex justify-content-center align-items-center');
|
||||
$('body').addClass('background-color-theme-100 d-flex justify-content-center align-items-center');
|
||||
},
|
||||
|
||||
deactivate() {
|
||||
$('body').removeClass('background-color-theme-light d-flex justify-content-center align-items-center');
|
||||
$('body').removeClass('background-color-theme-100 d-flex justify-content-center align-items-center');
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -37,10 +37,10 @@ export default Route.extend(AuthenticatedRouteMixin, {
|
|||
|
||||
activate() {
|
||||
this.get('browser').setTitle('Share Space');
|
||||
$('body').addClass('background-color-off-white');
|
||||
$('body').addClass('background-color-gray-200');
|
||||
},
|
||||
|
||||
deactivate() {
|
||||
$('body').removeClass('background-color-off-white');
|
||||
$('body').removeClass('background-color-gray-200');
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -38,11 +38,11 @@ export default Route.extend({
|
|||
},
|
||||
|
||||
activate() {
|
||||
$('body').addClass('background-color-theme-light');
|
||||
$('body').addClass('background-color-theme-100');
|
||||
document.title = "Documize Setup";
|
||||
},
|
||||
|
||||
deactivate() {
|
||||
$('body').removeClass('background-color-theme-light');
|
||||
$('body').removeClass('background-color-theme-100');
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -9,21 +9,6 @@
|
|||
//
|
||||
// https://documize.com
|
||||
|
||||
@import "core/color.scss";
|
||||
@import "core/font.scss";
|
||||
@import "core/icon.scss";
|
||||
@import "core/mixins.scss";
|
||||
@import "core/base.scss";
|
||||
@import "core/bootstrap.scss";
|
||||
@import "colors.scss";
|
||||
@import "core/all.scss";
|
||||
|
||||
@import "core/view/common.scss";
|
||||
@import "core/widget/widget.scss";
|
||||
@import "core/view/toolbar.scss";
|
||||
@import "core/view/views.scss";
|
||||
@import "core/layout/all.scss";
|
||||
|
||||
@import "core/vendor.scss";
|
||||
@import "core/print.scss";
|
||||
@import "core/news.scss";
|
||||
@import "core/section/all.scss";
|
||||
@import "core/enterprise/all.scss";
|
||||
|
|
|
|||
179
gui/app/styles/colors.scss
Normal file
179
gui/app/styles/colors.scss
Normal file
|
|
@ -0,0 +1,179 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
|
||||
/**************************************************************
|
||||
* A color has 9 shades.
|
||||
* The base of the color is (usually) anchored with a suffix of 500.
|
||||
* The lightest shade is suffixed as 100.
|
||||
* The darkest shade is suffixed as 900.
|
||||
**************************************************************/
|
||||
|
||||
/**************************************************************
|
||||
* Gray, Grey shades
|
||||
**************************************************************/
|
||||
$gray-shades: (
|
||||
900: #1F2833,
|
||||
800: #404B5A,
|
||||
700: #6E7A89,
|
||||
600: #929FB1,
|
||||
500: #AEBECC,
|
||||
400: #CBD4DB,
|
||||
300: #D5DDE5,
|
||||
200: #E1E7EB,
|
||||
100: #F8F9FA
|
||||
);
|
||||
|
||||
// Generate handy classes for text color and background color.
|
||||
$i: 900;
|
||||
@while $i > 0 {
|
||||
.color-gray-#{$i} {
|
||||
color: map-get($gray-shades, $i);
|
||||
}
|
||||
.background-color-gray-#{$i} {
|
||||
background-color: map-get($gray-shades, $i);
|
||||
}
|
||||
$i: $i - 100;
|
||||
}
|
||||
|
||||
/**************************************************************
|
||||
* Danger color ("red") shades
|
||||
**************************************************************/
|
||||
$red-shades: (
|
||||
900: #431010,
|
||||
800: #621111,
|
||||
700: #8E1818,
|
||||
600: #AB1D1D,
|
||||
500: #D72424,
|
||||
400: #E14D4D,
|
||||
300: #E66A6A,
|
||||
200: #F2B3B3,
|
||||
100: #FCEDED
|
||||
);
|
||||
|
||||
$i: 900;
|
||||
@while $i > 0 {
|
||||
.color-red-#{$i} {
|
||||
color: map-get($red-shades, $i);
|
||||
}
|
||||
.background-color-red-#{$i} {
|
||||
background-color: map-get($red-shades, $i);
|
||||
}
|
||||
$i: $i - 100;
|
||||
}
|
||||
|
||||
/**************************************************************
|
||||
* Information color ("yellow") shades
|
||||
**************************************************************/
|
||||
$yellow-shades: (
|
||||
900: #433105,
|
||||
800: #936B0A,
|
||||
700: #C28E0E,
|
||||
600: #EEAF15,
|
||||
500: #F4CA64,
|
||||
400: #F7DA94,
|
||||
300: #FAE5B3,
|
||||
200: #FCF0D3,
|
||||
100: #FDF5E3
|
||||
);
|
||||
|
||||
$i: 900;
|
||||
@while $i > 0 {
|
||||
.color-yellow-#{$i} {
|
||||
color: map-get($yellow-shades, $i);
|
||||
}
|
||||
.background-color-yellow-#{$i} {
|
||||
background-color: map-get($yellow-shades, $i);
|
||||
}
|
||||
$i: $i - 100;
|
||||
}
|
||||
|
||||
/**************************************************************
|
||||
* Success color ("green") shades
|
||||
**************************************************************/
|
||||
$green-shades: (
|
||||
900: #0E311D,
|
||||
800: #164B2C,
|
||||
700: #227243,
|
||||
600: #2D9A5A,
|
||||
500: #39C171,
|
||||
400: #6BD396,
|
||||
300: #92DFB2,
|
||||
200: #B9EACE,
|
||||
100: #E1F6EA
|
||||
);
|
||||
|
||||
$i: 900;
|
||||
@while $i > 0 {
|
||||
.color-green-#{$i} {
|
||||
color: map-get($green-shades, $i);
|
||||
}
|
||||
.background-color-green-#{$i} {
|
||||
background-color: map-get($green-shades, $i);
|
||||
}
|
||||
$i: $i - 100;
|
||||
}
|
||||
|
||||
/**************************************************************
|
||||
* Black to lighter shades
|
||||
**************************************************************/
|
||||
$color-black: #000000;
|
||||
$color-black-light-1: #1c1c1c;
|
||||
$color-black-light-2: #252525;
|
||||
$color-black-light-3: #434343;
|
||||
|
||||
.color-black { color: $color-black; }
|
||||
.color-black-light-1 { color: $color-black-light-1; }
|
||||
.color-black-light-2 { color: $color-black-light-2; }
|
||||
.color-black-light-3 { color: $color-black-light-3; }
|
||||
.background-color-black { background-color: $color-black; }
|
||||
.background-color-black-light-1 { background-color: $color-black-light-1; }
|
||||
.background-color-black-light-2 { background-color: $color-black-light-2; }
|
||||
.background-color-black-light-3 { background-color: $color-black-light-3; }
|
||||
|
||||
/**************************************************************
|
||||
* White to darker shades
|
||||
**************************************************************/
|
||||
$color-white: #ffffff;
|
||||
$color-white-dark-1: #f5f5f5;
|
||||
|
||||
.color-white { color: $color-white; }
|
||||
.color-white-dark-1 { color: $color-white-dark-1; }
|
||||
.background-color-white { background-color: $color-white; }
|
||||
.background-color-white-dark-1 { background-color: $color-white-dark-1; }
|
||||
|
||||
/**************************************************************
|
||||
* Specialty colors
|
||||
**************************************************************/
|
||||
|
||||
// Documents, spaces card background color
|
||||
$color-card: #F6F4EE;
|
||||
|
||||
/**************************************************************
|
||||
* Theme colors.
|
||||
*
|
||||
* This is the default theme of PURPLE.
|
||||
*
|
||||
* We go from 100 (lightest) to 900 (darkest).
|
||||
* Base shade is 500 and is used prominmently as the
|
||||
* left-side navigation sidebar color.
|
||||
**************************************************************/
|
||||
$theme-900: #160624;
|
||||
$theme-800: #1F0833;
|
||||
$theme-700: #310C51;
|
||||
$theme-600: #4C137D;
|
||||
$theme-500: #43116E;
|
||||
$theme-400: #9237E1;
|
||||
$theme-300: #CA9EF0;
|
||||
$theme-200: #EAD9F9;
|
||||
$theme-100: #FBF7FE;
|
||||
|
||||
// Set hyperlink color for theme
|
||||
$color-link: map-get($green-shades, 700);
|
||||
49
gui/app/styles/core/all.scss
Normal file
49
gui/app/styles/core/all.scss
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
|
||||
// Theme color utility classes.
|
||||
.color-theme-900 { color: $theme-900; }
|
||||
.color-theme-800 { color: $theme-800; }
|
||||
.color-theme-700 { color: $theme-700; }
|
||||
.color-theme-600 { color: $theme-600; }
|
||||
.color-theme-500 { color: $theme-500; }
|
||||
.color-theme-400 { color: $theme-400; }
|
||||
.color-theme-300 { color: $theme-300; }
|
||||
.color-theme-200 { color: $theme-200; }
|
||||
.color-theme-100 { color: $theme-100; }
|
||||
.background-color-theme-900 { background-color: $theme-900; }
|
||||
.background-color-theme-800 { background-color: $theme-800; }
|
||||
.background-color-theme-700 { background-color: $theme-700; }
|
||||
.background-color-theme-600 { background-color: $theme-600; }
|
||||
.background-color-theme-500 { background-color: $theme-500; }
|
||||
.background-color-theme-400 { background-color: $theme-400; }
|
||||
.background-color-theme-300 { background-color: $theme-300; }
|
||||
.background-color-theme-200 { background-color: $theme-200; }
|
||||
.background-color-theme-100 { background-color: $theme-100; }
|
||||
|
||||
@import "font.scss";
|
||||
@import "icon.scss";
|
||||
@import "mixins.scss";
|
||||
@import "base.scss";
|
||||
@import "bootstrap.scss";
|
||||
|
||||
@import "view/common.scss";
|
||||
@import "widget/widget.scss";
|
||||
@import "ui/all.scss";
|
||||
@import "view/toolbar.scss";
|
||||
@import "view/views.scss";
|
||||
@import "layout/all.scss";
|
||||
|
||||
@import "vendor.scss";
|
||||
@import "print.scss";
|
||||
@import "news.scss";
|
||||
@import "section/all.scss";
|
||||
@import "enterprise/all.scss";
|
||||
|
|
@ -34,7 +34,6 @@ a {
|
|||
cursor: pointer;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
// text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
|
||||
|
||||
a:focus,
|
||||
a:hover {
|
||||
|
|
@ -43,7 +42,6 @@ a {
|
|||
}
|
||||
|
||||
a.admin-link {
|
||||
// color: $color-gray;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
|
||||
|
|
@ -54,7 +52,7 @@ a.admin-link {
|
|||
}
|
||||
|
||||
a.broken-link {
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 600);
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
|
|
@ -118,7 +116,7 @@ input:-webkit-autofill {
|
|||
}
|
||||
|
||||
.bordered {
|
||||
border: 1px solid $color-border;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
}
|
||||
|
||||
.text-truncate {
|
||||
|
|
@ -131,13 +129,13 @@ input:-webkit-autofill {
|
|||
width: 7px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: $color-off-white;
|
||||
background: map-get($gray-shades, 100);
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: $color-gray-light;
|
||||
background: map-get($gray-shades, 300);
|
||||
|
||||
&:hover {
|
||||
background: $color-gray;
|
||||
background: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
40
gui/app/styles/core/bootstrap.scss
vendored
40
gui/app/styles/core/bootstrap.scss
vendored
|
|
@ -18,20 +18,20 @@
|
|||
// $font-family-sans-serif: "Helvetica", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
|
||||
// colors
|
||||
$blue: $color-primary;
|
||||
$red: $color-red;
|
||||
$green: $color-green;
|
||||
$secondary: $color-gray;
|
||||
$blue: $theme-500;
|
||||
$red: map-get($red-shades, 600);
|
||||
$green: map-get($green-shades, 700);
|
||||
$secondary: map-get($gray-shades, 600);
|
||||
$light: $color-white;
|
||||
$dark: $color-off-black;
|
||||
$dark: $color-black-light-1;
|
||||
|
||||
// popover
|
||||
$popover-bg: $color-white;
|
||||
$popover-header-bg: $color-dark;
|
||||
$popover-header-bg: map-get($gray-shades, 800);
|
||||
$popover-header-color: $color-white;
|
||||
|
||||
// tooltip
|
||||
$tooltip-bg: $color-dark;
|
||||
$tooltip-bg: map-get($gray-shades, 800);
|
||||
$tooltip-color: $color-white;
|
||||
|
||||
// modal
|
||||
|
|
@ -40,8 +40,8 @@ $modal-header-border-color: $color-white;
|
|||
$modal-footer-border-color: $color-white;
|
||||
|
||||
.modal-header {
|
||||
background-color: $color-primary;
|
||||
color: $color-off-white;
|
||||
background-color: $theme-500;
|
||||
color: map-get($gray-shades, 100);
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
|
|
@ -54,7 +54,7 @@ $border-radius-lg: .15rem;
|
|||
$border-radius-sm: .1rem;
|
||||
|
||||
// dropdown
|
||||
$dropdown-link-color: $color-off-black;
|
||||
$dropdown-link-color: $color-black-light-1;
|
||||
$dropdown-link-hover-color: $color-link;
|
||||
$dropdown-link-hover-bg: $color-white;
|
||||
$dropdown-link-active-color: $color-link;
|
||||
|
|
@ -62,20 +62,20 @@ $dropdown-link-active-bg: $color-white;
|
|||
$dropdown-header-color: $color-black;
|
||||
|
||||
// form
|
||||
$input-color: $color-off-black;
|
||||
$input-border-color: $color-stroke;
|
||||
$input-color: $color-black-light-1;
|
||||
$input-border-color: map-get($gray-shades, 200);
|
||||
$input-focus-bg: $color-white;
|
||||
$input-focus-border-color: $color-gray;
|
||||
$input-focus-color: $color-off-black;
|
||||
$input-placeholder-color: $color-gray;
|
||||
$input-focus-border-color: $color-stroke;
|
||||
$input-focus-border-color: map-get($gray-shades, 600);
|
||||
$input-focus-color: $color-black-light-1;
|
||||
$input-placeholder-color: map-get($gray-shades, 600);
|
||||
$input-focus-border-color: map-get($gray-shades, 200);
|
||||
$input-btn-focus-width: .2rem;
|
||||
$input-btn-focus-color: rgba($color-primary, .25);
|
||||
$input-btn-focus-color: rgba($theme-500, .25);
|
||||
|
||||
// form labels
|
||||
.form-group {
|
||||
> label {
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
font-size: 1.2rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
|
@ -86,7 +86,7 @@ $input-btn-focus-color: rgba($color-primary, .25);
|
|||
|
||||
> small.highlight, > div[class*="col"] > small.highlight {
|
||||
font-size: 1rem;
|
||||
color: $color-orange !important;
|
||||
color: map-get($yellow-shades, 700) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -142,7 +142,7 @@ body.modal-open {
|
|||
border: none !important;
|
||||
|
||||
> span {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,108 +0,0 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
|
||||
// default theme makes things tick
|
||||
$color-primary: #280A42;
|
||||
$color-primary-light: #F7F2FF;
|
||||
$color-link: #348A37;
|
||||
|
||||
// black, white
|
||||
$color-black: #000000;
|
||||
$color-off-black: #111111;
|
||||
$color-white: #ffffff;
|
||||
$color-off-white: #f5f5f5;
|
||||
|
||||
// gray
|
||||
$color-dark: #434343;
|
||||
$color-gray: #8b9096;
|
||||
$color-gray-light: #d8d8d8;
|
||||
$color-gray-light2: #eaeaea;
|
||||
$color-gray-light3: #f9f9f9;
|
||||
$color-border: #d3d3d3;
|
||||
|
||||
// colors
|
||||
$color-red: #9E0D1F;
|
||||
$color-green: #348A37;
|
||||
$color-blue: #2667af;
|
||||
$color-goldy: #FFD700;
|
||||
$color-yellow: #fff8dc;
|
||||
$color-orange: #FFAD15;
|
||||
|
||||
// widgets
|
||||
$color-checkbox: #2667af;
|
||||
$color-symbol-box: #dce5e8;
|
||||
$color-symbol-icon: #a4b8be;
|
||||
$color-card: #F9F9F9;
|
||||
$color-stroke: #e1e1e1;
|
||||
$color-whats-new: #fc1530;
|
||||
|
||||
// Color utility classes for direct usage in HTML
|
||||
.color-white {
|
||||
color: $color-white !important;
|
||||
}
|
||||
.color-off-white {
|
||||
color: $color-off-white !important;
|
||||
}
|
||||
.color-black {
|
||||
color: $color-black !important;
|
||||
}
|
||||
.color-off-black {
|
||||
color: $color-off-black !important;
|
||||
}
|
||||
.color-primary {
|
||||
color: $color-primary !important;
|
||||
}
|
||||
.color-link {
|
||||
color: $color-link !important;
|
||||
}
|
||||
.color-blue {
|
||||
color: $color-blue !important;
|
||||
}
|
||||
.color-red {
|
||||
color: $color-red !important;
|
||||
}
|
||||
.color-green {
|
||||
color: $color-green !important;
|
||||
}
|
||||
.color-gray {
|
||||
color: $color-gray !important;
|
||||
}
|
||||
.color-gold {
|
||||
color: $color-goldy !important;
|
||||
}
|
||||
.color-orange {
|
||||
color: $color-orange !important;
|
||||
}
|
||||
.color-whats-new {
|
||||
color: $color-whats-new !important;
|
||||
}
|
||||
|
||||
.background-color-white {
|
||||
background-color: $color-white !important;
|
||||
}
|
||||
.background-color-off-white {
|
||||
background-color: $color-off-white !important;
|
||||
}
|
||||
.background-color-off-black {
|
||||
background-color: $color-off-black !important;
|
||||
}
|
||||
.background-color-green {
|
||||
background-color: $color-green !important;
|
||||
}
|
||||
.background-color-theme {
|
||||
background-color: $color-primary !important;
|
||||
}
|
||||
.background-color-theme-light {
|
||||
background-color: $color-primary-light !important;
|
||||
}
|
||||
.background-color-gold {
|
||||
background-color: $color-goldy !important;
|
||||
}
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
.content-zone {
|
||||
> .explainer-header {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1.5rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
|
@ -8,14 +8,14 @@
|
|||
> .explainer-text {
|
||||
margin: 3px 0;
|
||||
padding: 0;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
> .explainer-list {
|
||||
margin: 5px 20px;
|
||||
padding: 0;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
|
||||
> li {
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
footer {
|
||||
background-color: $color-primary-light;
|
||||
color: $color-gray;
|
||||
background-color: $theme-100;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-weight: 500;
|
||||
font-size: 1rem;
|
||||
padding: 5px 2rem;
|
||||
|
|
@ -12,7 +12,7 @@ footer {
|
|||
|
||||
a, a:visited {
|
||||
@include ease-in();
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
|
|
@ -33,7 +33,7 @@ footer {
|
|||
}
|
||||
|
||||
> .progress-done {
|
||||
background-color: $color-green;
|
||||
background-color: map-get($green-shades, 600);
|
||||
color: $color-white;
|
||||
text-align: center;
|
||||
font-size: 1rem;
|
||||
|
|
@ -45,7 +45,7 @@ footer {
|
|||
> .progress-notification {
|
||||
display: inline-block;
|
||||
font-size: 1rem;
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 600);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ $break-5: 1800px;
|
|||
|
||||
.layout-sidebar {
|
||||
order: -1;
|
||||
background-color: $color-gray-light2;
|
||||
background-color: map-get($gray-shades, 200);
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -37,8 +37,8 @@
|
|||
}
|
||||
|
||||
.sidebar-view-switcher {
|
||||
color: $color-primary;
|
||||
background-color: $color-primary-light;
|
||||
color: $theme-500;
|
||||
background-color: map-get($gray-shades, 600);
|
||||
padding: 5px 20px;
|
||||
text-align: center;
|
||||
height: 50px;
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: $color-primary;
|
||||
background-color: $theme-500;
|
||||
color: $color-white;
|
||||
padding: 0 2rem;
|
||||
font-size: 1rem;
|
||||
|
|
@ -40,12 +40,12 @@
|
|||
}
|
||||
|
||||
> .selected {
|
||||
background-color: $color-primary-light !important;
|
||||
color: $color-primary !important;
|
||||
background-color: $theme-500 !important;
|
||||
color: $theme-500 !important;
|
||||
padding: 5px 10px !important;
|
||||
|
||||
&:hover {
|
||||
color: darken($color-primary, 15%) !important;
|
||||
color: darken($theme-500, 15%) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -63,23 +63,23 @@
|
|||
> .hamburger {
|
||||
@include ease-in();
|
||||
@include border-radius(3px);
|
||||
background-color: $color-primary;
|
||||
border: 1px solid $color-primary-light;
|
||||
background-color: $theme-500;
|
||||
border: 1px solid $theme-100;
|
||||
|
||||
> i {
|
||||
font-size: 1.8rem;
|
||||
line-height: 2.1rem;
|
||||
padding: 0px 3px 0px 3px;
|
||||
color: $color-primary-light;
|
||||
color: $theme-100;
|
||||
cursor: pointer;
|
||||
vertical-align: sub;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $color-primary-light;
|
||||
background-color: $theme-100;
|
||||
|
||||
> i {
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,12 +10,14 @@ $display-break-5: 1800px;
|
|||
display: block;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
// z-index: 777;
|
||||
|
||||
.master-content {
|
||||
display: block;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
// z-index: 666;
|
||||
}
|
||||
}
|
||||
.master-sidebar-container {
|
||||
|
|
@ -27,7 +29,7 @@ $display-break-5: 1800px;
|
|||
display: block;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
background-color: $color-primary;
|
||||
background-color: $theme-500;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
z-index: 999;
|
||||
|
|
@ -91,7 +93,7 @@ $display-break-5: 1800px;
|
|||
border-radius: 50%;
|
||||
font-size: 0.75rem;
|
||||
text-align: center;
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
font-weight: bold;
|
||||
background-color: $color-white;
|
||||
@extend .no-select;
|
||||
|
|
@ -107,7 +109,7 @@ $display-break-5: 1800px;
|
|||
width: 100%;
|
||||
padding: 5px 10px;
|
||||
z-index: 888;
|
||||
background-color: $color-off-white;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@
|
|||
@mixin content-container($pad-tb: 25px, $pad-lr: 50px) {
|
||||
@include border-radius(2px);
|
||||
padding: $pad-tb $pad-lr;
|
||||
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
|
||||
box-shadow: 0 0 0 0.75pt map-get($gray-shades, 200),0 0 3pt 0.75pt map-get($gray-shades, 200);
|
||||
background-color: $color-white;
|
||||
}
|
||||
|
||||
|
|
@ -64,17 +64,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
@mixin card-theme() {
|
||||
background-color: $color-primary-light;
|
||||
box-shadow: 1px 1px 3px 0px rgba(211,211,211,1);
|
||||
|
||||
&:hover {
|
||||
background-color: darken($color-primary-light, 5%);
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin shadow() {
|
||||
box-shadow: 1px 1px 3px 0px rgba(211,211,211,1);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -4,14 +4,14 @@
|
|||
|
||||
> .update-summary {
|
||||
padding: 25px;
|
||||
border: 1px solid $color-orange;
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid map-get($yellow-shades, 700);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
@include border-radius(2px);
|
||||
|
||||
> .caption {
|
||||
font-weight: bold;
|
||||
font-size: 1.5rem;
|
||||
color: $color-orange;
|
||||
color: map-get($yellow-shades, 700);
|
||||
margin-bottom: 15px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -19,13 +19,13 @@
|
|||
> .instructions {
|
||||
font-weight: normal;
|
||||
font-size: 1.3rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
> .version {
|
||||
margin: 30px 0 0 20px;
|
||||
font-size: 1.3rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
|
@ -41,8 +41,8 @@
|
|||
> .tag-edition {
|
||||
margin: 10px 10px 10px 10px;
|
||||
padding: 5px 10px;
|
||||
background-color: $color-gray-light;
|
||||
color: $color-primary;
|
||||
background-color: map-get($gray-shades, 300);
|
||||
color: $theme-500;
|
||||
font-weight: bold;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
> .version {
|
||||
font-weight: bold;
|
||||
font-size: 1.1rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -80,7 +80,7 @@
|
|||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-size: 1rem;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -88,7 +88,7 @@
|
|||
text-align: left;
|
||||
font-weight: normal;
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
border-radius: 10px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: $color-orange;
|
||||
background-color: map-get($yellow-shades, 700);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
|
|
@ -106,7 +106,7 @@
|
|||
border-radius: 10px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: $color-whats-new;
|
||||
background-color: map-get($red-shades, 600);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -120,23 +120,23 @@
|
|||
margin: 0 0 10px 0;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
}
|
||||
|
||||
> .news-item {
|
||||
padding: 30px 0;
|
||||
border-bottom: 1px solid $color-border;
|
||||
border-bottom: 1px solid map-get($gray-shades, 300);
|
||||
text-align: center;
|
||||
|
||||
> .title {
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
> .date {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px;
|
||||
|
|
@ -152,8 +152,8 @@
|
|||
> .tag-edition {
|
||||
margin: 10px 10px 10px 10px;
|
||||
padding: 5px 10px;
|
||||
background-color: $color-off-white;
|
||||
color: $color-gray;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
color: map-get($gray-shades, 600);
|
||||
font-weight: 700;
|
||||
font-size: 0.9rem;
|
||||
display: inline-block;
|
||||
|
|
@ -168,7 +168,7 @@
|
|||
> .action {
|
||||
margin: 20px 0;
|
||||
text-align: center;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-weight: 800;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,19 +15,19 @@
|
|||
|
||||
@top-right {
|
||||
font-size: 12px;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
// content: string(doctitle);
|
||||
}
|
||||
|
||||
@bottom-left {
|
||||
font-size: 12px;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
// content: 'Exported from Documize';
|
||||
}
|
||||
|
||||
@bottom-right {
|
||||
font-size: 12px;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
// content: counter(page);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
1
gui/app/styles/core/ui/all.scss
Normal file
1
gui/app/styles/core/ui/all.scss
Normal file
|
|
@ -0,0 +1 @@
|
|||
@import "ui-tooltip";
|
||||
23
gui/app/styles/core/ui/ui-tooltip.scss
Normal file
23
gui/app/styles/core/ui/ui-tooltip.scss
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
// https://github.com/kybishop/ember-attacher
|
||||
|
||||
.ember-attacher-popper {
|
||||
background-color: $color-white;
|
||||
font-size: 1rem;
|
||||
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
@include border-radius(3px);
|
||||
|
||||
> p {
|
||||
margin: 4px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
> .menu {
|
||||
margin: 0;
|
||||
padding: 0.5rem 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
.ember-attacher-tooltip {
|
||||
font-size: 0.9rem;
|
||||
padding: 0.5rem 0.75rem;
|
||||
}
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
max-width: 500px;
|
||||
padding: 20px 50px;
|
||||
background-color: $color-white;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
@include border-radius(3px);
|
||||
@include shadow();
|
||||
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
|
||||
> .url {
|
||||
margin: 20px 0;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-weight: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -38,5 +38,5 @@
|
|||
text-align: center;
|
||||
margin-top: 150px;
|
||||
font-size: 3rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,27 +9,27 @@
|
|||
max-width: 500px;
|
||||
padding: 30px;
|
||||
@include border-radius(5px);
|
||||
background-color: $color-off-white;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
display: block;
|
||||
opacity: 0.8;
|
||||
|
||||
> p {
|
||||
font-size: 1.5rem;
|
||||
line-height: 2.5rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
display: block;
|
||||
}
|
||||
|
||||
> .material-icons {
|
||||
font-size: 5rem;
|
||||
color: $color-stroke;
|
||||
color: map-get($gray-shades, 200);
|
||||
}
|
||||
}
|
||||
|
||||
.not-found {
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
margin: 5rem 0;
|
||||
}
|
||||
|
||||
|
|
@ -50,12 +50,12 @@
|
|||
margin: 0 20px 20px 0;
|
||||
padding: 10px 0 0 0;
|
||||
cursor: default;
|
||||
border: 7px solid $color-gray-light;
|
||||
border: 7px solid map-get($gray-shades, 300);
|
||||
@include border-radius(3px);
|
||||
@include ease-in();
|
||||
|
||||
&:hover {
|
||||
border: 7px solid $color-gray;
|
||||
border: 7px solid map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
.tick {
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
> .sub-heading {
|
||||
font-size: 1.1rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
.user-table {
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
|
||||
> .email {
|
||||
font-size: 0.9rem;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
font-weight: normal;
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
cursor: pointer;
|
||||
margin: 5px 0 0 10px;
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
|
|
@ -46,19 +46,19 @@
|
|||
|
||||
.inactive-user
|
||||
{
|
||||
@extend .color-red;
|
||||
color: map-get($red-shades, 600);
|
||||
font-weight: normal;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.admin-user
|
||||
{
|
||||
@extend .color-primary;
|
||||
color: map-get($green-shades, 600);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
color: $color-checkbox;
|
||||
color: map-get($gray-shades, 900);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
margin: 15px 0;
|
||||
padding: 15px 0;
|
||||
font-size: 1.2rem;
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -83,13 +83,13 @@
|
|||
margin: 15px 0;
|
||||
|
||||
.name {
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
font-size: 1.3rem;
|
||||
font-weight: 600;
|
||||
|
||||
> .purpose {
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -101,7 +101,7 @@
|
|||
margin: 10px 0;
|
||||
|
||||
> .fullname {
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -113,7 +113,7 @@
|
|||
margin: 10px 0;
|
||||
|
||||
> .group-name {
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
font-size: 1.2rem;
|
||||
|
||||
> .group-purpose {
|
||||
|
|
@ -126,13 +126,13 @@
|
|||
> .smtp-failure, .admin-setting-failure {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 600);
|
||||
}
|
||||
|
||||
> .smtp-success, .admin-setting-success {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 600);
|
||||
}
|
||||
|
||||
> .archive-admin {
|
||||
|
|
@ -142,7 +142,7 @@
|
|||
padding: 15px 0;
|
||||
@include ease-in();
|
||||
font-size: 1.2rem;
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -157,38 +157,38 @@
|
|||
|
||||
> .backup-zone {
|
||||
@include border-radius(3px);
|
||||
border: 1px solid $color-border;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
padding: 20px 20px;
|
||||
background-color: lighten($color-green, 60%);
|
||||
color: $color-off-black;
|
||||
background-color: map-get($green-shades, 200);
|
||||
color: $color-black-light-1;
|
||||
|
||||
> .backup-fail {
|
||||
margin: 10px 0;
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 600);
|
||||
}
|
||||
|
||||
> .backup-success {
|
||||
margin: 10px 0;
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 800);
|
||||
}
|
||||
}
|
||||
|
||||
> .restore-zone {
|
||||
@include border-radius(3px);
|
||||
border: 1px solid $color-border;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
margin: 50px 0;
|
||||
padding: 20px 20px;
|
||||
background-color: lighten($color-red, 60%);
|
||||
color: $color-off-black;
|
||||
background-color: map-get($red-shades, 200);
|
||||
color: $color-black-light-1;
|
||||
|
||||
> .restore-fail {
|
||||
margin: 10px 0;
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 800);
|
||||
}
|
||||
|
||||
> .restore-success {
|
||||
margin: 10px 0;
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 700);
|
||||
}
|
||||
|
||||
> .upload-backup-file {
|
||||
|
|
@ -209,12 +209,12 @@
|
|||
}
|
||||
|
||||
> .wait {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
> .ready {
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 700);
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -223,10 +223,10 @@
|
|||
|
||||
> .deactivation-zone {
|
||||
@include border-radius(3px);
|
||||
border: 1px solid $color-red;
|
||||
border: 1px solid map-get($red-shades, 600);
|
||||
margin: 30px 0;
|
||||
padding: 20px 20px;
|
||||
background-color: lighten($color-red, 60%);
|
||||
color: $color-off-black;
|
||||
background-color: map-get($red-shades, 100);
|
||||
color: $color-black-light-1;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
text-align: center;
|
||||
margin: 30px 0 20px 0;
|
||||
position: relative;
|
||||
color: $color-gray-light;
|
||||
color: map-get($gray-shades, 300);
|
||||
|
||||
> .cta {
|
||||
@include ease-in();
|
||||
|
|
@ -17,7 +17,7 @@
|
|||
letter-spacing: 0.22rem;
|
||||
|
||||
&:hover {
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 700);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -29,14 +29,14 @@
|
|||
|
||||
.new-section-caption {
|
||||
margin: 20px 0 10px 0;
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
font-size: 1.4rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.new-section-empty {
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
.preset-list {
|
||||
|
|
@ -52,12 +52,12 @@
|
|||
margin: 0 20px 20px 0;
|
||||
padding: 12px 0 0 20px;
|
||||
height: 60px;
|
||||
border: 1px solid $color-border;
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
|
||||
&:hover {
|
||||
border-color: $color-primary;
|
||||
background-color: $color-primary-light;
|
||||
border-color: $theme-500;
|
||||
background-color: $theme-100;
|
||||
}
|
||||
|
||||
.icon {
|
||||
|
|
@ -78,7 +78,7 @@
|
|||
display: inline-block;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
letter-spacing: 0.5px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
|
@ -99,12 +99,12 @@
|
|||
padding: 12px 20px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
border: 1px solid $color-border;
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
|
||||
&:hover {
|
||||
border-color: $color-primary;
|
||||
background-color: $color-primary-light;
|
||||
border-color: $theme-500;
|
||||
background-color: $theme-100;
|
||||
}
|
||||
|
||||
> .actions {
|
||||
|
|
@ -118,12 +118,12 @@
|
|||
> .title {
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
> .desc {
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,8 +8,8 @@
|
|||
@include ease-in();
|
||||
margin: 0 0 5px 0;
|
||||
padding: 10px 15px;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
color: map-get($gray-shades, 600);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
list-style-type: none;
|
||||
|
|
@ -19,12 +19,12 @@
|
|||
}
|
||||
|
||||
> .title {
|
||||
color : $color-off-black;
|
||||
color : $color-black-light-1;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
> .space {
|
||||
color : $color-gray;
|
||||
color : map-get($gray-shades, 600);
|
||||
font-size: 0.8rem;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
}
|
||||
|
||||
> .snippet {
|
||||
color : $color-gray;
|
||||
color : map-get($gray-shades, 600);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
.doc-excerpt {
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
}
|
||||
|
|
@ -18,24 +18,24 @@
|
|||
@include border-radius(3px);
|
||||
@include ease-in();
|
||||
display: inline-block;
|
||||
border: 2px solid $color-green;
|
||||
border: 2px solid map-get($green-shades, 700);
|
||||
padding: 2px 10px;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
color: map-get($gray-shades, 600);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
font-weight: 800;
|
||||
font-size: 1rem;
|
||||
|
||||
&:hover {
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 500);
|
||||
}
|
||||
}
|
||||
|
||||
.document-lifecycle-draft {
|
||||
@extend .document-lifecycle-live;
|
||||
border: 2px solid $color-orange;
|
||||
border: 2px solid map-get($yellow-shades, 700);
|
||||
|
||||
&:hover {
|
||||
color: $color-orange;
|
||||
color: map-get($yellow-shades, 700);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -46,30 +46,30 @@
|
|||
padding: 2px 10px;
|
||||
font-weight: 800;
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
border: 2px solid $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
border: 2px solid map-get($gray-shades, 600);
|
||||
|
||||
&:hover {
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
}
|
||||
|
||||
.document-protection-review {
|
||||
@extend .document-protection-unlocked;
|
||||
border: 2px solid $color-orange;
|
||||
border: 2px solid map-get($yellow-shades, 700);
|
||||
|
||||
&:hover {
|
||||
color: $color-orange;
|
||||
color: map-get($yellow-shades, 700);
|
||||
}
|
||||
}
|
||||
|
||||
.document-protection-locked {
|
||||
@extend .document-protection-unlocked;
|
||||
border: 2px solid $color-red;
|
||||
border: 2px solid map-get($red-shades, 600);
|
||||
|
||||
&:hover {
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 600);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -78,10 +78,10 @@
|
|||
padding: 2px 10px;
|
||||
font-weight: 600;
|
||||
font-size: 1rem;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
border: 2px solid $color-gray;
|
||||
border-left: 13px solid $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
border: 2px solid map-get($gray-shades, 600);
|
||||
border-left: 13px solid map-get($gray-shades, 600);
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -91,6 +91,6 @@
|
|||
font-size: 1.1rem;
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,8 +10,8 @@
|
|||
margin: 0 0 2rem 0;
|
||||
|
||||
> .page-number {
|
||||
color: $color-gray;
|
||||
background-color: $color-gray-light2;
|
||||
color: map-get($gray-shades, 600);
|
||||
background-color: map-get($gray-shades, 200);
|
||||
padding: 0.2rem 1rem;
|
||||
font-size: 1.8rem;
|
||||
margin: 0 1.5rem 0 0;
|
||||
|
|
@ -21,11 +21,11 @@
|
|||
}
|
||||
|
||||
> .page-state-pending {
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 600);
|
||||
}
|
||||
|
||||
> .page-state-review {
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 600);
|
||||
}
|
||||
|
||||
> .page-title {
|
||||
|
|
@ -33,7 +33,7 @@
|
|||
font-size: 2.0rem;
|
||||
font-weight: bold;
|
||||
margin: 16px 0;
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -55,8 +55,8 @@
|
|||
> thead {
|
||||
> tr {
|
||||
> th {
|
||||
background-color: $color-off-white;
|
||||
color: $color-gray;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
> th:first-child {
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
cursor: not-allowed !important;
|
||||
|
||||
> .material-icons {
|
||||
color: $color-gray-light;
|
||||
color: map-get($gray-shades, 300);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -42,7 +42,7 @@
|
|||
overflow: hidden;
|
||||
|
||||
> .link {
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
font-weight: bold;
|
||||
|
||||
&:hover {
|
||||
|
|
@ -50,7 +50,7 @@
|
|||
}
|
||||
|
||||
> .numbering {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
> .canvas {
|
||||
// margin: 34px 0 0 0;
|
||||
padding: 30px 20px;
|
||||
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
|
||||
box-shadow: 0 0 0 0.75pt map-get($gray-shades, 200),0 0 3pt 0.75pt map-get($gray-shades, 200);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
font-size: 1.8rem;
|
||||
font-weight: bold;
|
||||
margin: 0 0 30px 0;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
> .list {
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
position: absolute;
|
||||
top: 19px;
|
||||
left: -20px;
|
||||
background-color: $color-border;
|
||||
background-color: map-get($gray-shades, 300);
|
||||
height: 3px;
|
||||
width: 10px;
|
||||
}
|
||||
|
|
@ -43,21 +43,21 @@
|
|||
> .doc {
|
||||
font-size: 1.2rem;
|
||||
font-weight: normal;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
> .note {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1rem;
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
> .list-timeline {
|
||||
border-left: 5px solid $color-border;
|
||||
border-left: 5px solid map-get($gray-shades, 300);
|
||||
padding-left: 20px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
padding: 0;
|
||||
font-size: 1.1rem;
|
||||
list-style-type: none;
|
||||
border-left: 6px solid $color-gray-light;
|
||||
border-left: 6px solid map-get($gray-shades, 300);
|
||||
padding-left: 15px;
|
||||
margin-left: 3px;
|
||||
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
font-size: 1.1rem;
|
||||
vertical-align: text-top;
|
||||
margin-right: 10px;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
@include ease-in();
|
||||
position: relative;
|
||||
padding: 25px 50px;
|
||||
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
|
||||
box-shadow: 0 0 0 0.75pt map-get($gray-shades, 200),0 0 3pt 0.75pt map-get($gray-shades, 200);
|
||||
background-color: $color-white;
|
||||
margin: 50px 0;
|
||||
|
||||
|
|
|
|||
|
|
@ -3,14 +3,14 @@
|
|||
padding: 30px 50px;
|
||||
text-align: center;
|
||||
max-width: 400px;
|
||||
border: 1px dotted $color-border;
|
||||
background: $color-off-white;
|
||||
border: 1px dotted map-get($gray-shades, 300);
|
||||
background: map-get($gray-shades, 100);
|
||||
@include border-radius(3px);
|
||||
|
||||
> .prompt {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
> .buttons {
|
||||
|
|
@ -20,6 +20,6 @@
|
|||
> .ack {
|
||||
font-size: 1.2rem;
|
||||
font-weight: 600;
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 600);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,20 +1,20 @@
|
|||
.wysiwyg {
|
||||
font-size: 17px;
|
||||
line-height: 25px;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
|
||||
table {
|
||||
border: 1px solid $color-border !important;
|
||||
border: 1px solid map-get($gray-shades, 300) !important;
|
||||
|
||||
th {
|
||||
padding: 5px 7px !important;
|
||||
border: 1px solid $color-border !important;
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid map-get($gray-shades, 300) !important;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 5px 7px !important;
|
||||
border: 1px solid $color-border !important;
|
||||
border: 1px solid map-get($gray-shades, 300) !important;
|
||||
|
||||
p {
|
||||
margin: 0 !important;
|
||||
|
|
@ -52,7 +52,7 @@
|
|||
h6 {
|
||||
font-weight: bold;
|
||||
margin: 16px 0;
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
h1 { font-size: 2.0rem; }
|
||||
|
|
@ -63,9 +63,9 @@
|
|||
h6 { font-size: 1.1rem; }
|
||||
|
||||
pre {
|
||||
background-color: $color-off-white;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
padding: 10px;
|
||||
border: 1px solid $color-border;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
@include border-radius(3px);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
.documize-base-exception
|
||||
{
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid $color-border !important;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
border: 1px solid map-get($gray-shades, 300) !important;
|
||||
margin: 20px;
|
||||
padding: 20px;
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
|
||||
display: none !important;
|
||||
|
||||
|
|
|
|||
2
gui/app/styles/core/view/import.scss
vendored
2
gui/app/styles/core/view/import.scss
vendored
|
|
@ -10,7 +10,7 @@
|
|||
|
||||
> p {
|
||||
font-size: 1.1rem;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
.onboarding-container {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
letter-spacing: 1px;
|
||||
margin: 50px 0;
|
||||
|
||||
|
|
@ -48,13 +48,13 @@
|
|||
{
|
||||
font-size: 0.9rem;;
|
||||
font-style: italic;
|
||||
color: $color-stroke;
|
||||
color: map-get($gray-shades, 500);
|
||||
}
|
||||
|
||||
.mismatch
|
||||
{
|
||||
display: none;
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 700);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
|
@ -155,14 +155,14 @@
|
|||
h2
|
||||
{
|
||||
font-size: 2rem;;
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
font-size: 1.3rem;
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
}
|
||||
|
||||
p.note
|
||||
|
|
@ -192,7 +192,7 @@
|
|||
// padding: 10px 15px;
|
||||
// background: #12A936;
|
||||
// border: 0;
|
||||
// color: $color-off-white;
|
||||
// color: map-get($gray-shades, 100);
|
||||
// border-radius: 3px;
|
||||
// font-weight: 500;
|
||||
// font-size: 16px;
|
||||
|
|
@ -220,7 +220,7 @@
|
|||
// background: white;
|
||||
// border: 1px solid #e2e2e2;
|
||||
// @include border-radius(3px);
|
||||
// color: $color-off-black;
|
||||
// color: $color-black-light-1;
|
||||
// font-weight: bold;
|
||||
// font-size: 16px;
|
||||
// -webkit-appearance: none;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
> .heading {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
|
|
@ -66,18 +66,18 @@
|
|||
> .version {
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
|
||||
> .space {
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
> .snippet {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1.1rem;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
|
@ -93,7 +93,7 @@
|
|||
> .hashtag {
|
||||
display: inline-block;
|
||||
margin: 5px 10px 0 5px;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1rem;
|
||||
font-style: italic;
|
||||
|
||||
|
|
@ -114,13 +114,13 @@
|
|||
font-weight: 600;
|
||||
font-size: 1.1rem;
|
||||
font-style: italic;
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
> .explain {
|
||||
margin: 10px 0 20px 0px;
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
.view-space {
|
||||
> .filter-caption {
|
||||
margin: 10px 0;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
|
|
@ -39,13 +39,13 @@
|
|||
}
|
||||
|
||||
> .snippet {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1rem;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
width: 10px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: $color-checkbox;
|
||||
color: map-get($gray-shades, 900);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -74,7 +74,7 @@
|
|||
}
|
||||
|
||||
> .selected {
|
||||
background-color: $color-primary-light !important;
|
||||
background-color: $theme-100 !important;
|
||||
|
||||
> .checkbox {
|
||||
display: block;
|
||||
|
|
@ -90,7 +90,7 @@
|
|||
> .hashtag {
|
||||
display: inline-block;
|
||||
margin: 5px 10px 0 5px;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 0.875rem;
|
||||
font-style: italic;
|
||||
|
||||
|
|
@ -105,12 +105,12 @@
|
|||
> .title {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
> .sub-title {
|
||||
font-size: 1.1rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
> .permission-table {
|
||||
|
|
@ -131,8 +131,8 @@
|
|||
> thead {
|
||||
> tr {
|
||||
> th {
|
||||
background-color: $color-off-white;
|
||||
color: $color-gray;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
|
||||
> th:first-child {
|
||||
|
|
@ -158,13 +158,13 @@
|
|||
|
||||
> .name {
|
||||
font-size: 1.2rem;
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
}
|
||||
|
||||
> .info {
|
||||
font-size: 0.9rem;
|
||||
margin-top: 8px;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -2,13 +2,13 @@
|
|||
> .heading {
|
||||
font-size: 1.3rem;
|
||||
font-weight: bold;
|
||||
color: $color-dark;
|
||||
color: map-get($gray-shades, 800);
|
||||
text-transform: uppercase;
|
||||
|
||||
> .counter {
|
||||
font-size: 0.9rem;
|
||||
font-weight: normal;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
|
||||
> .empty {
|
||||
font-size: 1.2rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-weight: normal;
|
||||
margin: 20px 0 50px 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
display: inlne-block;
|
||||
|
||||
> .link, div > .link {
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
|
|
@ -13,7 +13,6 @@
|
|||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
@include ease-in();
|
||||
// border-bottom: 2px solid $color-gray-light;
|
||||
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
.avatar {
|
||||
color: $color-white;
|
||||
background-color: $color-gray;
|
||||
background-color: map-get($gray-shades, 600);
|
||||
@include border-radius(20px);
|
||||
@include ease-in();
|
||||
padding: 10px 0 0 0;
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
|
||||
.avatar-large {
|
||||
color: $color-white;
|
||||
background-color: $color-gray;
|
||||
background-color: map-get($gray-shades, 600);
|
||||
@include border-radius(100px);
|
||||
@include ease-in();
|
||||
height: 100px;
|
||||
|
|
|
|||
|
|
@ -31,14 +31,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-gray-light;
|
||||
color: map-get($gray-shades, 300);
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-gray-light, 15%);
|
||||
color: darken(map-get($gray-shades, 300), 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -49,14 +49,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-goldy;
|
||||
color: map-get($yellow-shades, 700);
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-goldy, 5%);
|
||||
color: darken(map-get($yellow-shades, 700), 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -67,14 +67,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-gray-light;
|
||||
color: map-get($gray-shades, 300);
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 700);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -85,14 +85,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-blue, 5%);
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -103,14 +103,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-red;
|
||||
color: map-get($red-shades, 700);
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-red, 5%);
|
||||
color: map-get($red-shades, 400);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -121,14 +121,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 600);
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-green, 5%);
|
||||
color: map-get($green-shades, 700);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -139,14 +139,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-off-black, 5%);
|
||||
color: darken($color-black-light-1, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -157,14 +157,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-primary;
|
||||
color: $theme-500;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-primary, 5%);
|
||||
color: darken($theme-500, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -175,14 +175,14 @@
|
|||
@include ease-in();
|
||||
|
||||
> i {
|
||||
color: $color-primary-light;
|
||||
color: $theme-100;
|
||||
font-size: 2rem;
|
||||
@include ease-in();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> i {
|
||||
color: darken($color-primary-light, 5%);
|
||||
color: darken($theme-100, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,35 +8,35 @@
|
|||
|
||||
> .material-icons {
|
||||
font-size: 1.5rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
> .selected {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
> .text {
|
||||
display: inline-block;
|
||||
font-size: 1.1rem;
|
||||
vertical-align: sub;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-checkbox-selected {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
.widget-checkbox {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.checkbox-gray {
|
||||
color: $color-gray !important;
|
||||
color: map-get($gray-shades, 600) !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,9 +10,9 @@
|
|||
@include border-radius(3px);
|
||||
margin: 0 0 15px 0;
|
||||
padding: 10px 15px;
|
||||
color: $color-gray;
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
background-color: map-get($gray-shades, 100);
|
||||
border: 1px solid map-get($gray-shades, 600);
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
list-style-type: none;
|
||||
|
|
@ -20,13 +20,13 @@
|
|||
|
||||
&:hover {
|
||||
> .text-header, > .text {
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
}
|
||||
}
|
||||
|
||||
> .text-header {
|
||||
@include ease-in();
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1.3rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
|
||||
> .text {
|
||||
@include ease-in();
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
color: $color-green;
|
||||
color: map-get($green-shades, 600);
|
||||
font-weight: 700;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
|
@ -59,11 +59,11 @@
|
|||
|
||||
> .selected {
|
||||
> .text-header, > .text {
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
}
|
||||
|
||||
background-color: $color-yellow !important;
|
||||
border: 1px solid $color-goldy !important;
|
||||
background-color: map-get($yellow-shades, 700) !important;
|
||||
border: 1px solid map-get($yellow-shades, 700) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -96,12 +96,12 @@
|
|||
display: inline-block;
|
||||
font-size: 1.3rem;
|
||||
font-weight: 700;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
> .selected {
|
||||
color: $color-green;
|
||||
border-bottom: 1px solid $color-green;
|
||||
color: map-get($green-shades, 600);
|
||||
border-bottom: 1px solid map-get($green-shades, 600);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
display: none;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
background-color: $color-off-black;
|
||||
background-color: $color-black-light-1;
|
||||
color: $color-white;
|
||||
padding: 10px 15px;
|
||||
text-align: left;
|
||||
|
|
|
|||
|
|
@ -8,28 +8,28 @@
|
|||
|
||||
> .material-icons {
|
||||
font-size: 1.5rem;
|
||||
color: $color-gray;
|
||||
color: map-get($gray-shades, 600);
|
||||
vertical-align: top;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
> .selected {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
> .text {
|
||||
display: inline-block;
|
||||
font-size: 1.1rem;
|
||||
vertical-align: sub;
|
||||
color: $color-off-black;
|
||||
color: $color-black-light-1;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-radio-selected {
|
||||
color: $color-blue;
|
||||
color: map-get($gray-shades, 800);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
line-height: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
background-color: $color-symbol-box;
|
||||
background-color: map-get($gray-shades, 300);
|
||||
|
||||
> .material-icons {
|
||||
font-size: 22px;
|
||||
margin-top: 20px;
|
||||
color: $color-symbol-icon;
|
||||
color: map-get($gray-shades, 600);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
margin: 0 0 25px 0;
|
||||
width: 100%;
|
||||
font-size: 1rem;
|
||||
border: 1px solid $color-border;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
border-radius: 2px;
|
||||
border-collapse: collapse;
|
||||
|
||||
|
|
@ -19,35 +19,35 @@
|
|||
|
||||
> thead {
|
||||
> tr {
|
||||
background-color: $color-off-white;
|
||||
background-color: map-get($gray-shades, 100);
|
||||
|
||||
> th {
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid $color-border;
|
||||
border-bottom: 1px solid map-get($gray-shades, 300);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bordered {
|
||||
border: 1px solid $color-border;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
}
|
||||
|
||||
.border-top {
|
||||
border-top: 1px solid $color-border;
|
||||
border-top: 1px solid map-get($gray-shades, 300);
|
||||
}
|
||||
|
||||
.border-bottom {
|
||||
border-bottom: 1px solid $color-border;
|
||||
border-bottom: 1px solid map-get($gray-shades, 300);
|
||||
}
|
||||
|
||||
.action-link {
|
||||
font-size: 0.8rem;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
|
||||
.no-width {
|
||||
white-space: nowrap;
|
||||
width: 1%;
|
||||
|
|
|
|||
|
|
@ -10,8 +10,8 @@
|
|||
margin: 0;
|
||||
padding: 5px 15px;
|
||||
background-color: $color-white;
|
||||
color: $color-primary;
|
||||
border: 1px solid $color-border;
|
||||
color: $theme-500;
|
||||
border: 1px solid map-get($gray-shades, 300);
|
||||
font-weight: 500;
|
||||
font-size: 1.1rem;
|
||||
text-align: center;
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $color-primary-light;
|
||||
background-color: $theme-100;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
}
|
||||
|
||||
> .selected {
|
||||
background-color: $color-primary-light;
|
||||
background-color: $theme-100;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -63,18 +63,18 @@
|
|||
|
||||
.drag-handle {
|
||||
font-size: 1.5rem;
|
||||
color: $color-gray-light;
|
||||
color: map-get($gray-shades, 300);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.drag-indicator-dropzone {
|
||||
opacity: 1 !important;
|
||||
border: 2px dotted $color-border;
|
||||
border: 2px dotted map-get($gray-shades, 300);
|
||||
}
|
||||
|
||||
.drag-indicator-chosen {
|
||||
opacity: 1 !important;
|
||||
background: $color-off-white;
|
||||
background: map-get($gray-shades, 100);
|
||||
}
|
||||
|
||||
.drag-indicator-dragged {
|
||||
|
|
|
|||
|
|
@ -9,7 +9,8 @@
|
|||
//
|
||||
// https://documize.com
|
||||
|
||||
@import "../core/color.scss";
|
||||
@import "../colors.scss";
|
||||
|
||||
$color-primary: #176091;
|
||||
$color-primary-light: #E6F1F8;
|
||||
$color-link: #348A37;
|
||||
|
|
@ -27,20 +28,4 @@ $color-link: #348A37;
|
|||
background-color: $color-primary-light !important;
|
||||
}
|
||||
|
||||
@import "../core/font.scss";
|
||||
@import "../core/icon.scss";
|
||||
@import "../core/mixins.scss";
|
||||
@import "../core/base.scss";
|
||||
@import "../core/bootstrap.scss";
|
||||
|
||||
@import "../core/view/common.scss";
|
||||
@import "../core/widget/widget.scss";
|
||||
@import "../core/view/toolbar.scss";
|
||||
@import "../core/view/views.scss";
|
||||
@import "../core/layout/all.scss";
|
||||
|
||||
@import "../core/vendor.scss";
|
||||
@import "../core/print.scss";
|
||||
@import "../core/news.scss";
|
||||
@import "../core/section/all.scss";
|
||||
@import "../core/enterprise/all.scss";
|
||||
@import "../core/all.scss";
|
||||
|
|
|
|||
|
|
@ -9,7 +9,8 @@
|
|||
//
|
||||
// https://documize.com
|
||||
|
||||
@import "../core/color.scss";
|
||||
@import "../colors.scss";
|
||||
|
||||
$color-primary: #BF360C;
|
||||
$color-primary-light: #FBE9E7;
|
||||
$color-link: #FF8A65;
|
||||
|
|
@ -27,20 +28,4 @@ $color-link: #FF8A65;
|
|||
background-color: $color-primary-light !important;
|
||||
}
|
||||
|
||||
@import "../core/font.scss";
|
||||
@import "../core/icon.scss";
|
||||
@import "../core/mixins.scss";
|
||||
@import "../core/base.scss";
|
||||
@import "../core/bootstrap.scss";
|
||||
|
||||
@import "../core/view/common.scss";
|
||||
@import "../core/widget/widget.scss";
|
||||
@import "../core/view/toolbar.scss";
|
||||
@import "../core/view/views.scss";
|
||||
@import "../core/layout/all.scss";
|
||||
|
||||
@import "../core/vendor.scss";
|
||||
@import "../core/print.scss";
|
||||
@import "../core/news.scss";
|
||||
@import "../core/section/all.scss";
|
||||
@import "../core/enterprise/all.scss";
|
||||
@import "../core/all.scss";
|
||||
|
|
|
|||
|
|
@ -9,7 +9,8 @@
|
|||
//
|
||||
// https://documize.com
|
||||
|
||||
@import "../core/color.scss";
|
||||
@import "../colors.scss";
|
||||
|
||||
$color-primary: #00695C;
|
||||
$color-primary-light: #E0F2F1;
|
||||
$color-link: #348A37;
|
||||
|
|
@ -27,20 +28,4 @@ $color-link: #348A37;
|
|||
background-color: $color-primary-light !important;
|
||||
}
|
||||
|
||||
@import "../core/font.scss";
|
||||
@import "../core/icon.scss";
|
||||
@import "../core/mixins.scss";
|
||||
@import "../core/base.scss";
|
||||
@import "../core/bootstrap.scss";
|
||||
|
||||
@import "../core/view/common.scss";
|
||||
@import "../core/widget/widget.scss";
|
||||
@import "../core/view/toolbar.scss";
|
||||
@import "../core/view/views.scss";
|
||||
@import "../core/layout/all.scss";
|
||||
|
||||
@import "../core/vendor.scss";
|
||||
@import "../core/print.scss";
|
||||
@import "../core/news.scss";
|
||||
@import "../core/section/all.scss";
|
||||
@import "../core/enterprise/all.scss";
|
||||
@import "../core/all.scss";
|
||||
|
|
|
|||
|
|
@ -20,16 +20,16 @@
|
|||
<div class="caption">Release Summary</div>
|
||||
{{/if}}
|
||||
<p>
|
||||
<span class="color-off-black">Community Edition {{appMeta.communityLatest}}</span>
|
||||
<span class="color-black-light-2">Community Edition {{appMeta.communityLatest}}</span>
|
||||
<a href="https://storage.googleapis.com/documize/downloads/documize-community-windows-amd64.exe" class="font-weight-bold">Windows</a> ·
|
||||
<a href="https://storage.googleapis.com/documize/downloads/documize-community-linux-amd64" class="font-weight-bold">Linux</a> ·
|
||||
<a href="https://storage.googleapis.com/documize/downloads/documize-community-darwin-amd64" class="font-weight-bold">macOS</a>
|
||||
</p>
|
||||
<p>
|
||||
<span class="color-off-black">Enterprise Edition {{appMeta.enterpriseLatest}}</span>
|
||||
<a href="https://storage.googleapis.com/documize/downloads/documize-enterprise-windows-amd64.exe" class="font-weight-bold color-blue">Windows</a> ·
|
||||
<a href="https://storage.googleapis.com/documize/downloads/documize-enterprise-linux-amd64" class="font-weight-bold color-blue">Linux</a> ·
|
||||
<a href="https://storage.googleapis.com/documize/downloads/documize-enterprise-darwin-amd64" class="font-weight-bold color-blue">macOS</a>
|
||||
<span class="color-black-light-2">Enterprise Edition {{appMeta.enterpriseLatest}}</span>
|
||||
<a href="https://storage.googleapis.com/documize/downloads/documize-enterprise-windows-amd64.exe" class="font-weight-bold color-gray-700">Windows</a> ·
|
||||
<a href="https://storage.googleapis.com/documize/downloads/documize-enterprise-linux-amd64" class="font-weight-bold color-gray-700">Linux</a> ·
|
||||
<a href="https://storage.googleapis.com/documize/downloads/documize-enterprise-darwin-amd64" class="font-weight-bold color-gray-700">macOS</a>
|
||||
</p>
|
||||
<div class="my-5" />
|
||||
{{{changelog}}}
|
||||
|
|
|
|||
|
|
@ -95,7 +95,7 @@
|
|||
<td class="{{unless user.active 'inactive-user'}} {{if user.admin 'admin-user'}}">
|
||||
<div class="d-inline-block align-top">
|
||||
{{#if user.me}}
|
||||
<i class="material-icons color-gray">check_box_outline_blank</i>
|
||||
<i class="material-icons color-gray-700">check_box_outline_blank</i>
|
||||
{{else if user.selected}}
|
||||
<i class="material-icons checkbox" {{action 'toggleSelect' user}}>check_box</i>
|
||||
{{else}}
|
||||
|
|
@ -131,7 +131,7 @@
|
|||
</td>
|
||||
<td class="no-width text-center">
|
||||
{{#if user.me}}
|
||||
<i class="material-icons color-gray">check_box</i>
|
||||
<i class="material-icons color-gray-700">check_box</i>
|
||||
{{else if user.admin}}
|
||||
<i class="material-icons checkbox" {{action 'toggleAdmin' user.id}}>check_box</i>
|
||||
{{else}}
|
||||
|
|
@ -147,7 +147,7 @@
|
|||
</td>
|
||||
<td class="no-width text-center">
|
||||
{{#if user.me}}
|
||||
<i class="material-icons color-gray">check_box</i>
|
||||
<i class="material-icons color-gray-700">check_box</i>
|
||||
{{else if user.active}}
|
||||
<i class="material-icons checkbox" {{action 'toggleActive' user.id}}>check_box</i>
|
||||
{{else}}
|
||||
|
|
|
|||
|
|
@ -34,11 +34,11 @@
|
|||
title={{item.page.title}}>
|
||||
<span class="numbering">{{item.page.numbering}}</span>
|
||||
{{#if (or item.userHasChangePending userHasNewPagePending)}}
|
||||
<span class="color-red" title="Pending approval" data-toggle="tooltip" data-placement="top">[*] </span>
|
||||
<span class="color-red-600" title="Pending approval" data-toggle="tooltip" data-placement="top">[*] </span>
|
||||
{{/if}}
|
||||
{{#if (or permissions.documentApprove roles.documentApprove)}}
|
||||
{{#if item.changeAwaitingReview}}
|
||||
<span class="color-green" title="Awaiting approval" data-toggle="tooltip" data-placement="top">[*] </span>
|
||||
<span class="color-green-700" title="Awaiting approval" data-toggle="tooltip" data-placement="top">[*] </span>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
{{item.page.title}}
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@
|
|||
<span class="button-icon-blue button-icon-small align-middle">
|
||||
<i class="material-icons">people</i>
|
||||
</span>
|
||||
<span class="color-blue"> {{permission.name}}
|
||||
<span class="color-gray-700"> {{permission.name}}
|
||||
<small class="form-text text-muted d-inline-block">({{permission.members}})</small>
|
||||
</span>
|
||||
{{else}}
|
||||
|
|
@ -59,7 +59,7 @@
|
|||
<span class="button-icon-green button-icon-small align-middle">
|
||||
<i class="material-icons">language</i>
|
||||
</span>
|
||||
<span class="color-green"> {{permission.name}}</span>
|
||||
<span class="color-green-700"> {{permission.name}}</span>
|
||||
{{else}}
|
||||
<span class="button-icon-gray button-icon-small align-middle">
|
||||
<i class="material-icons">person</i>
|
||||
|
|
|
|||
|
|
@ -33,7 +33,8 @@
|
|||
{{#if session.authenticated}}
|
||||
{{#if hasPins}}
|
||||
<div class="bookmarks" id="user-pins-button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="dicon dicon-bookmark" data-toggle="tooltip" data-placement="right" title="Jump to bookmark"></i>
|
||||
<i class="dicon dicon-bookmark"></i>
|
||||
{{#attach-tooltip showDelay=1000}}Saved bookmarks{{/attach-tooltip}}
|
||||
</div>
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="user-pins-button">
|
||||
{{#if hasSpacePins}}
|
||||
|
|
@ -66,7 +67,7 @@
|
|||
{{#if session.isAdmin}}
|
||||
{{#link-to 'customize.general' class="dropdown-item"}}Settings{{/link-to}}
|
||||
{{#unless appMeta.valid}}
|
||||
{{#link-to 'customize.billing' class="dropdown-item font-weight-bold color-red"}}Update Billing{{/link-to}}
|
||||
{{#link-to 'customize.billing' class="dropdown-item font-weight-bold color-red-600"}}Update Billing{{/link-to}}
|
||||
{{/unless}}
|
||||
<div class="dropdown-divider"></div>
|
||||
{{/if}}
|
||||
|
|
@ -74,10 +75,10 @@
|
|||
<div class="dropdown-divider"></div>
|
||||
{{#if session.isGlobalAdmin}}
|
||||
{{#if appMeta.updateAvailable}}
|
||||
{{#link-to 'customize.product' class="dropdown-item font-weight-bold color-orange" }}Update available{{/link-to}}
|
||||
{{#link-to 'customize.product' class="dropdown-item font-weight-bold color-yellow-600" }}Update available{{/link-to}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
<a href="#" class="dropdown-item {{if hasWhatsNew 'color-whats-new font-weight-bold'}}" {{action 'onShowWhatsNewModal'}}>What's New</a>
|
||||
<a href="#" class="dropdown-item {{if hasWhatsNew 'color-red-600 font-weight-bold'}}" {{action 'onShowWhatsNewModal'}}>What's New</a>
|
||||
<a href="https://docs.documize.com" target="_blank" class="dropdown-item">Help</a>
|
||||
<a href="#" class="dropdown-item" data-toggle="modal" data-target="#about-documize-modal" data-backdrop="static">About</a>
|
||||
{{#if enableLogout}}
|
||||
|
|
@ -87,7 +88,6 @@
|
|||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<a class="logo" href="https://documize.com?ref=app">
|
||||
<img src="/assets/img/icon-white-64x64.png" />
|
||||
<div class="documize">Documize</div>
|
||||
|
|
|
|||
|
|
@ -112,7 +112,7 @@
|
|||
{{#if session.isAdmin}}
|
||||
{{#link-to 'customize.general' class="dropdown-item"}}Settings{{/link-to}}
|
||||
{{#unless appMeta.valid}}
|
||||
{{#link-to 'customize.billing' class="dropdown-item font-weight-bold color-red"}}Update Billing{{/link-to}}
|
||||
{{#link-to 'customize.billing' class="dropdown-item font-weight-bold color-red-600"}}Update Billing{{/link-to}}
|
||||
{{/unless}}
|
||||
<div class="dropdown-divider"></div>
|
||||
{{/if}}
|
||||
|
|
@ -120,10 +120,10 @@
|
|||
<div class="dropdown-divider"></div>
|
||||
{{#if session.isGlobalAdmin}}
|
||||
{{#if appMeta.updateAvailable}}
|
||||
{{#link-to 'customize.product' class="dropdown-item font-weight-bold color-orange" }}Update available{{/link-to}}
|
||||
{{#link-to 'customize.product' class="dropdown-item font-weight-bold color-yellow-600"}}Update available{{/link-to}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
<a href="#" class="dropdown-item {{if hasWhatsNew 'color-whats-new font-weight-bold'}}" {{action 'onShowWhatsNewModal'}}>What's New</a>
|
||||
<a href="#" class="dropdown-item {{if hasWhatsNew 'color-red-600 font-weight-bold'}}" {{action 'onShowWhatsNewModal'}}>What's New</a>
|
||||
<a href="https://docs.documize.com" target="_blank" class="dropdown-item">Help</a>
|
||||
<a href="#" class="dropdown-item" data-toggle="modal" data-target="#about-documize-modal" data-backdrop="static">About</a>
|
||||
{{#if enableLogout}}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
</div>
|
||||
<div class="margin-top-10 margin-bottom-20">
|
||||
<button type="submit" class="btn btn-success font-weight-bold text-uppercase">Reset</button>
|
||||
<span class="{{unless mustMatch "d-none"}} color-red margin-left-20">Passwords must match</span>
|
||||
<span class="{{unless mustMatch "d-none"}} color-red-600 margin-left-20">Passwords must match</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue