Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-24 23:59:47 +02:00
Code Releases Activity

Introduce modular UI framework

Browse source 
1. Modals wrapped
2. Toolbar icon actions: click and link-to navigation
3. Moved components into sub-folders
4. Replaced Bootstrap Tooltip and Dropdown libs with Ember specific add-ons

And more.

Co-Authored-By: Saul S <sauls8t@users.noreply.github.com>
Co-Authored-By: McMatts <matt@documize.com>
This commit is contained in:
Harvey Kandola 2018-12-11 18:00:08 +00:00
parent f140e7ef77
commit 6eb68f84e0
48 changed files with 330 additions and 240 deletions
Download patch file Download diff file Expand all files Collapse all files

1
gui/app/styles/core/layout/all.scss
View file

@ -4,4 +4,5 @@
@import "layout-footer.scss";
@import "layout-content.scss";
@import "common.scss";
@import "master-internal.scss";

60
gui/app/styles/core/layout/common.scss Normal file
View file

@ -0,0 +1,60 @@
// Styles that apply to all pages using master layout
$display-break-1: 700px;
$display-break-2: 900px;
$display-break-3: 1200px;
$display-break-4: 1600px;
$display-break-5: 1800px;
.master-page-heading {
font-size: 2rem;
font-weight: 700;
color: map-get($gray-shades, 800);
}
.master-page-desc {
font-size: 1.2rem;
font-weight: 400;
color: map-get($gray-shades, 700);
}
.grid-container-8-2 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 2fr;
.grid-cell-1 {
grid-column-start: 1;
grid-row-start: 2;
padding: 0;
align-self: self-start;
justify-self: self-start;
}
.grid-cell-2 {
grid-column-start: 1;
grid-row-start: 1;
padding: 0;
align-self: self-start;
justify-self: self-start;
}
@media (min-width: $display-break-2) {
grid-template-columns: 8fr 2fr;
grid-template-rows: 1fr;
.grid-cell-1 {
grid-column-start: 1;
grid-row-start: 1;
padding: 0;
}
.grid-cell-2 {
grid-column-start: 2;
grid-row-start: 1;
padding: 0;
justify-self: self-end;
}
}
}

12
gui/app/styles/core/layout/master-internal.scss
View file

@ -1,9 +1,3 @@
$display-break-1: 700px;
$display-break-2: 900px;
$display-break-3: 1200px;
$display-break-4: 1600px;
$display-break-5: 1800px;
// CSS GRID WITH FIXED SIDEBAR OUTSIDE GRID
// Mobile-first layout
.master-container {
@ -121,7 +115,7 @@ $display-break-5: 1800px;
.master-content {
grid-column-start: 2;
padding: 10px;
padding: 20px;
}
}
@ -304,6 +298,7 @@ $display-break-5: 1800px;
.master-content {
grid-column-start: 2;
padding: 40px 30px;
}
}
@ -335,10 +330,11 @@ $display-break-5: 1800px;
@media (min-width: $display-break-4) {
.master-container {
display: grid;
grid-template-columns: 370px auto;
grid-template-columns: 370px minmax(auto, 1200px);
.master-content {
grid-column-start: 2;
padding: 40px 40px;
}
}