mirror of
https://github.com/documize/community.git
synced 2025-07-24 15:49:44 +02:00
Introduce modular UI framework
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:
parent
f140e7ef77
commit
6eb68f84e0
48 changed files with 330 additions and 240 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue