Business/AccountHub
2
0
Fork 2
Code Issues 3 Pull Requests Releases 3 Wiki Activity

Improve app dock CSS handling of many items (yay fluxbox, screw IE)

Browse Source
This commit is contained in:
Skylar Ittner 2017-06-24 19:02:50 -06:00
parent d54d066870
commit 36a5a194c5
2 changed files with 27 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
home.php
View File

@ -91,6 +91,7 @@ if (!is_empty($_GET['page'])) {
</div> </div>
</nav> </nav>
<div class="app-dock-container">
<div class="app-dock"> <div class="app-dock">
<?php <?php
foreach (EXTERNAL_APPS as $a) { foreach (EXTERNAL_APPS as $a) {
@ -113,6 +114,7 @@ if (!is_empty($_GET['page'])) {
} }
?> ?>
</div> </div>
</div>
<?php <?php
// Alert messages // Alert messages

13
static/css/app.css
View File

@ -45,6 +45,10 @@
min-height: 250px; min-height: 250px;
} }
.app-dock-container {
display: flex;
}
.app-dock { .app-dock {
margin: 0 auto 10px auto; margin: 0 auto 10px auto;
display: flex; display: flex;
@ -59,6 +63,7 @@
.app-dock-item { .app-dock-item {
padding: 0px 5px 2px 5px; padding: 0px 5px 2px 5px;
min-width: 100px;
} }
.app-dock-item p { .app-dock-item p {
@ -90,10 +95,6 @@
.row.widget-box > .col-sm-6:nth-child(2n+3) { .row.widget-box > .col-sm-6:nth-child(2n+3) {
clear: both; clear: both;
} }
.app-dock {
max-width: 50%;
}
} }
/* Medium Devices, Desktops */ /* Medium Devices, Desktops */
@ -101,8 +102,4 @@
.row.widget-box > .col-md-4:nth-child(3n+4) { .row.widget-box > .col-md-4:nth-child(3n+4) {
clear: both; clear: both;
} }
.app-dock {
max-width: 50%;
}
} }