Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-04 13:05:23 +02:00
Code Releases Activity

user/account store loading

Browse source
This commit is contained in:
Harvey Kandola 2017-10-03 17:52:03 -04:00
parent 620fe28b27
commit f5f30d2322
27 changed files with 238 additions and 221 deletions
Download patch file Download diff file Expand all files Collapse all files

1
gui/app/styles/app.scss
View file

@ -13,7 +13,6 @@
@import "mixins.scss";
@import "base.scss";
@import "widget/widget.scss";
@import "view/layout-navigation.scss";
@import "view/layout-sidebar.scss";
@import "view/page-search.scss";
@import "view/page-profile.scss";

23
gui/app/styles/color.scss
View file

@ -38,15 +38,30 @@ $color-border: #f3f5f8;
$color-checkbox: #0092d3;
// lightblue sidebar
$color-sidebar: #f2faff;
$color-sidebar-border: #dff0f9;
// gray sidebar
$color-sidebar: #f5f5f5;
$color-sidebar-border: #e1e1e1;
$color-sidebar-text: $color-black;
$color-sidebar-link: $color-link;
$color-nav-button: $color-sidebar;
$color-nav-button: #f2faff;
$color-nav-button-text: #2667af;
$color-nav-button-border: #dff0f9;
$color-selected-item: $color-sidebar;
$color-sidebar-navigation: #f2faff;
$color-sidebar-navigation-border: #dff0f9;
$color-sidebar-toolbar: $color-sidebar-border;
// lightblue sidebar
// $color-sidebar: #f2faff;
// $color-sidebar-border: #dff0f9;
// $color-sidebar-text: $color-black;
// $color-sidebar-link: $color-link;
// $color-nav-button: $color-sidebar;
// $color-nav-button-text: #2667af;
// $color-nav-button-border: #dff0f9;
// $color-selected-item: $color-sidebar;
// $color-sidebar-navigation: $color-gray;
// $color-sidebar-toolbar: $color-sidebar-border;
// black sidebar
// $color-sidebar: $color-off-black;

4
gui/app/styles/view/document/activity.scss
View file

@ -20,7 +20,7 @@
font-size: 0.9rem;
color: $color-gray;
width: 200px;
@extend .truncate;
@extend .truncate;
}
> .detail {
@ -29,7 +29,7 @@
color: $color-off-black;
margin-left: 50px;
width: 200px;
@extend .truncate;
@extend .truncate;
.viewed {
color: $color-goldy;

121
gui/app/styles/view/layout-navigation.scss
View file

@ -1,121 +0,0 @@
.zone-navigation {
position: fixed;
top: 0;
right: 0;
width: 60px;
min-height: 100%;
height: 100%;
margin: 0;
padding: 0;
z-index: 999;
overflow-x: hidden;
background: $color-toolbar;
> .bottom-zone,
> .top-zone {
position: absolute;
padding: 0;
width: 100%;
> li {
cursor: pointer;
margin: 0;
padding: 10px 0;
width: 100%;
text-align: center;
}
.round-button-mono {
> .material-icons {
color: $color-gray;
@include ease-in();
}
&:hover {
> .material-icons {
color: $color-link;
}
}
}
.profile-link {
color: $color-primary;
text-align: center;
font-size: 1rem;
font-style: normal;
font-family: $font-regular;
vertical-align: top;
}
.selected {
.round-button-mono {
background-color: $color-link !important;
border: 1px solid $color-link !important;
> .material-icons {
color: $color-white !important;
}
> a {
> .material-icons {
color: $color-white !important;
}
}
}
}
}
> .top-zone {
top: 0;
padding-top: 30px;
}
> .bottom-zone {
bottom: 0;
padding-bottom: 30px;
}
.pinned-zone {
position: relative;
top: 200px;
padding: 0;
margin: 0;
width: 80px;
overflow-x: hidden;
overflow-y: scroll;
> .pin {
cursor: pointer;
margin: 20px 0 20px 9px;
padding: 14px 3px;
height: 40px;
width: 40px;
text-align: center;
overflow: hidden;
@include ease-in();
@include border-radius(3px);
font-family: $font-semibold;
font-size: 12px;
letter-spacing: -1px;
background-color: $color-gray;
color: $color-white;
> .key {
width: 30px;
text-align: center;
display: inline-block;
overflow: hidden;
}
&:hover {
background-color: $color-link;
color: $color-white;
}
}
> .sortable-ghost {
background-color: $color-gray;
color: $color-off-white;
}
}
}

53
gui/app/styles/view/layout-sidebar.scss
View file

@ -98,15 +98,16 @@ $sidebar-width: 400px;
> .title {
color: $color-primary;
font-size: 1.1rem;
margin-bottom: 30px;
font-size: 1.2rem;
margin-bottom: 30px;
font-weight: bold;
}
.document-sidebar-form-wrapper {
padding: 20px;
border: 1px solid $color-stroke;
@include border-radius(3px);
background-color: $color-white;
@include border-radius(3px);
}
}
@ -120,8 +121,11 @@ $sidebar-width: 400px;
}
.navigation {
margin: 15px 0 0 0;
text-align: center;
margin: 0 0 0 0;
padding: 10px 0;
text-align: center;
background-color: $color-sidebar-navigation;
border-bottom: 1px solid $color-sidebar-navigation-border;
.round-button-mono {
> .material-icons {
@ -145,3 +149,42 @@ $sidebar-width: 400px;
vertical-align: top;
}
}
.document-sidebar-toolbar {
margin: 10px 0 0 0;
padding: 10px 0;
text-align: center;
// background-color: $color-sidebar-toolbar;
> .round-button-mono {
background-color: $color-white;
border-color: $color-sidebar-border;
> .material-icons {
color: $color-gray;
@include ease-in();
}
&:hover {
> .material-icons {
color: $color-link;
}
}
}
> .selected {
background-color: $color-primary;
border-color: $color-primary;
> .material-icons {
color: $color-off-white;
@include ease-in();
}
&:hover {
> .material-icons {
color: $color-white;
}
}
}
}