compact css grid

merge-requests/1/head
Julien Veyssier 2017-05-05 00:15:53 +02:00
parent 7b5cf1b07c
commit 5acc34570f
2 changed files with 21 additions and 26 deletions

View File

@ -34,11 +34,6 @@ div.durationcol{
margin-right: 2px; margin-right: 2px;
} }
div#logofolder{
margin-left: auto;
margin-right: auto;
width: 100px;
}
div#logo, div#logo img { div#logo, div#logo img {
height:80px; height:80px;
@ -66,7 +61,6 @@ div#logo {
width: 65px; width: 65px;
background-size: 65px 65px; background-size: 65px 65px;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-left: 15px;
} }
@ -849,18 +843,21 @@ select#loadtypeselect{
} }
#loaddiv { #loaddiv {
display: grid; display: grid;
grid-template-columns: 50% 50%; grid-template: 50% 50% / 80px 1fr 1fr;
grid-template-rows: 50% 50%;
} }
#loadButton { #loadButton {
grid-column: 1 / 3; grid-column: 2 / 4;
grid-row: 1; grid-row: 1;
} }
#loadFolderButton { #loadFolderButton {
grid-column: 1;
grid-row: 2;
}
#loadtypeselect {
grid-column: 2; grid-column: 2;
grid-row: 2; grid-row: 2;
} }
#loadtypeselect {
grid-column: 3;
grid-row: 2;
}
div#logofolder{
grid-column: 1;
grid-row: 1/3;
}

View File

@ -8,21 +8,19 @@
<!-- Tab panes --> <!-- Tab panes -->
<div class="sidebar-content active"> <div class="sidebar-content active">
<div class="sidebar-pane active" id="ho"> <div class="sidebar-pane active" id="ho">
<div id="logofolder"> <div id="loaddiv">
<div id="logo"> <div id="logofolder">
<!--p align="center"><img src="gpxedit.png"/></p--> <div id="logo">
<div> <!--p align="center"><img src="gpxedit.png"/></p-->
<p id="versionnumber">v <div>
<?php <p id="versionnumber">v
p($_['gpxedit_version']); <?php
?> p($_['gpxedit_version']);
</p> ?>
</p>
</div>
</div> </div>
</div> </div>
</div>
<div style="clear:both"></div>
<hr/>
<div id="loaddiv">
<button id="loadButton"><i class="fa fa-file-o"></i> <?php p($l->t('Load file'));?></button> <button id="loadButton"><i class="fa fa-file-o"></i> <?php p($l->t('Load file'));?></button>
<button id="loadFolderButton"><i class="fa fa-folder-open-o"></i> <?php p($l->t('Load directory'));?></button> <button id="loadFolderButton"><i class="fa fa-folder-open-o"></i> <?php p($l->t('Load directory'));?></button>
<select id="loadtypeselect"> <select id="loadtypeselect">