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

new spaces view

Browse source 
New modal dialog framework used for Add Space.
This commit is contained in:
Harvey Kandola 2017-11-20 13:01:44 +00:00
parent ec5d21be4a
commit 4bc08cbdee
15 changed files with 234 additions and 138 deletions
Download patch file Download diff file Expand all files Collapse all files

69
gui/app/styles/view/layout.scss
View file

@ -1,33 +1,3 @@
.nav-bar {
background-color: $color-primary;
padding: 10px 20px;
color: $color-white;
font-size: 1rem;
.nav-link, .nav-link:visited {
color: $color-white;
&:hover {
color: darken($color-white, 15%);
}
}
.nav-title {
font-size: 1.4rem;
font-weight: bold;
}
.nav-msg {
font-size: 0.875rem;
}
.nav-right {
float: right;
}
}
// pre-nov17 UX
$sidebar-width: 400px;
@ -82,15 +52,6 @@ $sidebar-width: 400px;
}
}
@media(min-width:768px) {
#wrapper {
padding-left: $sidebar-width;
}
#sidebar-wrapper {
width: $sidebar-width;
}
}
.sidebar-common {
display: inline-block;
@ -152,36 +113,6 @@ $sidebar-width: 400px;
}
}
.navigation {
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 {
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;
}
}
.document-sidebar-toolbar {
margin: 10px 0 0 0;
padding: 10px 0;

27
gui/app/styles/view/navigation.scss Normal file
View file

@ -0,0 +1,27 @@
.nav-bar {
background-color: $color-primary;
padding: 10px 20px;
color: $color-white;
font-size: 1rem;
.nav-link, .nav-link:visited {
color: $color-white;
&:hover {
color: darken($color-white, 15%);
}
}
.nav-title {
font-size: 1.4rem;
font-weight: bold;
}
.nav-msg {
font-size: 1rem;
}
.nav-right {
float: right;
}
}

28
gui/app/styles/view/toolbar.scss Normal file
View file

@ -0,0 +1,28 @@
.toolbar {
margin: 30px 0 0 0;
> .links {
display: inlne-block;
> .link {
color: $color-gray;
font-size: 1.1rem;
font-weight: bold;
display: inline-block;
margin-right: 30px;
cursor: pointer;
&:hover {
color: $color-link;
}
}
> .selected {
color: $color-link;
}
}
> .buttons {
float: right;
}
}