hide app version and level on narrower screens

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2017-03-28 23:55:11 +02:00
parent ec96faead8
commit 6e5f0e0d9d
2 changed files with 15 additions and 2 deletions

View file

@ -648,6 +648,19 @@ span.version {
}
}
/* hide app version and level on narrower screens */
@media only screen and (max-width: 768px) {
#apps-list.installed .app-version,
#apps-list.installed .app-level {
display: none !important;
}
}
@media only screen and (max-width: 700px) {
#apps-list.installed .app-groups {
display: none !important;
}
}
.section h2.app-name {
margin-bottom: 8px;
display: inline;

View file

@ -40,12 +40,12 @@ script(
{{name}}
{{/if}}
</h2>
<div class="app-version"> {{version}}</div>
<div class="app-version">{{version}}</div>
<div class="app-level">
{{{level}}}{{#unless internal}}<a href="https://apps.nextcloud.com/apps/{{id}}">View in Store</a>{{/unless}}
</div>
<div>
<div class="app-groups">
{{#if active}}
<div class="groups-enable">
<input type="checkbox" class="groups-enable__checkbox checkbox" id="groups_enable-{{id}}"/>