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

Migrate views to new master layout

Browse source
This commit is contained in:
Harvey Kandola 2019-05-20 17:40:57 +01:00
parent 14f313a836
commit 08794f8d5f
17 changed files with 419 additions and 414 deletions
Download patch file Download diff file Expand all files Collapse all files

4
gui/app/styles/colors.scss
View file

@ -17,7 +17,7 @@
**************************************************************/
/**************************************************************
* Gray, Grey shades
* Gray shades
**************************************************************/
$gray-shades: (
900: #1F2833,
@ -155,7 +155,7 @@ $color-white-dark-1: #f5f5f5;
// Documents and spaces card background color
$color-card: #F6F4EE;
$color-sidebar: #F6F4EE;
$color-sidebar: #f2f8fd;
// $color-card: #F6F4EE;
// $color-sidebar: #f2f8fd;

12
gui/app/styles/core/layout/layout.scss
View file

@ -162,7 +162,7 @@ $sidebar-height: auto;
height: $sidebar-height;
// overflow-x: hidden;
// overflow-y: auto;
padding: 20px 15px;
padding: 20px 10px 20px 20px;
}
.master-content {
@ -199,7 +199,7 @@ $sidebar-height: auto;
.master-sidebar {
width: 300px;
padding: 40px 20px;
padding: 40px 10px 40px 20px;
}
.master-content {
@ -214,11 +214,11 @@ $sidebar-height: auto;
@media (min-width: $display-break-4) and (min-height: 650px) {
.master-grid-container {
display: grid;
grid-template-columns: 350px minmax(auto, 1200px);
grid-template-columns: 400px minmax(auto, 1200px);
.master-sidebar {
width: 350px;
padding: 40px 20px;
width: 400px;
padding: 40px 10px 40px 20px;
}
.master-content {
@ -264,6 +264,6 @@ $sidebar-height: auto;
@media (min-width: $display-break-4) and (min-height: 650px) {
.master-container {
padding: 40px;
max-width: 1200px;
// max-width: 1200px;
}
}

7
gui/app/styles/core/layout/sidebar.scss
View file

@ -1,10 +1,11 @@
.sidebar-content {
display: block;
position: relative;
padding: 20px 10px 10px 10px;
padding: 20px 5px 20px 10px;
// background-color: $theme-100;
background-color: $color-sidebar;
@include border-radius(4px);
border: 1px solid map-get($gray-shades, 100);
// background-color: map-get($gray-shades, 100);
@include border-radius(6px);
> .section {
margin: 0;

6
gui/app/styles/core/view/document/sidebar-attachment.scss
View file

@ -10,7 +10,6 @@
padding: 0;
> .file {
@include card();
list-style-type: none;
margin: 10px 0 0 0;
padding: 5px;
@ -25,11 +24,6 @@
margin-right: 10px;
width: 90%;
@extend .text-truncate;
color: map-get($gray-shades, 800);
&:hover {
color: map-get($gray-shades, 900);
}
}
> .menu {

17
gui/app/styles/core/view/document/sidebar-toc.scss
View file

@ -26,21 +26,24 @@
padding: 0;
list-style: none;
font-size: 1rem;
overflow-x: hidden;
list-style-type: none;
margin: 0 0 0 0;
.item {
@extend .no-select;
padding: 5px 0;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: nowrap;
overflow: hidden;
// text-overflow: ellipsis;
// word-wrap: break-word;
// white-space: nowrap;
// overflow: hidden;
> .link {
color: map-get($gray-shades, 800);
font-weight: 500;
// font-weight: 300;
// text-overflow: ellipsis;
// word-wrap: break-word;
// white-space: nowrap;
overflow: hidden;
&:hover {
color: map-get($yellow-shades, 600);
@ -48,7 +51,7 @@
> .numbering {
color: map-get($gray-shades, 600);
font-weight: 500;
font-weight: 300;
display: inline-block;
margin-right: 10px;
font-size: 0.9rem;

1
gui/app/styles/core/view/space.scss
View file

@ -17,7 +17,6 @@
> .document {
@include card();
box-shadow: none;
list-style-type: none;
margin: 0 0 2rem 0;
padding: 15px 20px;