compact css grid
parent
7b5cf1b07c
commit
5acc34570f
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue