Fix gap by filter svg and empty search message overflow

Signed-off-by: Felix A. Epp <work@felixepp.de>
This commit is contained in:
Felix A. Epp 2017-01-22 00:52:56 +01:00
parent d0c6179ec1
commit 82bfe3b479
2 changed files with 11 additions and 1 deletions

View File

@ -492,6 +492,12 @@ input.userFilter {width: 200px;}
/* APPS */ /* APPS */
#app-content > svg {
float: left;
height: 0;
width: 0;
}
.appinfo { margin: 1em 40px; } .appinfo { margin: 1em 40px; }
#app-navigation .appwarning { #app-navigation .appwarning {
background: #fcc; background: #fcc;
@ -542,6 +548,10 @@ span.version {
flex-wrap: wrap; flex-wrap: wrap;
align-content: flex-start; align-content: flex-start;
} }
#apps-list.hidden {
display: none;
}
#apps-list .section { #apps-list .section {
position: relative; position: relative;
flex: 0 0 auto; flex: 0 0 auto;

View File

@ -150,7 +150,7 @@ script(
</ul> </ul>
</div> </div>
<div id="app-content"> <div id="app-content">
<svg height="0"> <svg>
<defs><filter id="invertIcon"><feColorMatrix in="SourceGraphic" type="matrix" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"></feColorMatrix></filter></defs> <defs><filter id="invertIcon"><feColorMatrix in="SourceGraphic" type="matrix" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"></feColorMatrix></filter></defs>
</svg> </svg>
<div id="apps-list" class="icon-loading"></div> <div id="apps-list" class="icon-loading"></div>