CSS tweaks for app settings.
This commit is contained in:
parent
c6b337c3dd
commit
ce866a5bdb
|
@ -43,14 +43,17 @@ div.quota>span { position:absolute; right:0em; white-space:nowrap; top: 0.7em }
|
||||||
select.quota.active { background: #fff; }
|
select.quota.active { background: #fff; }
|
||||||
|
|
||||||
/* APPS */
|
/* APPS */
|
||||||
li { color:#888; white-space: nowrap; }
|
.appinfo { margin: 1em; }
|
||||||
|
h3 { font-size: 1.4em; font-weight: bold; }
|
||||||
|
ul.applist li { height: 2.2em; padding: 0.2em 0.2em 0.2em 0.8em !important; }
|
||||||
|
li { color:#888; }
|
||||||
li.active { color:#000; }
|
li.active { color:#000; }
|
||||||
small.externalapp { color:#FFF; background-color:#BBB; font-weight:bold; font-size:6pt; padding:4px; border-radius: 4px;}
|
small.externalapp { color:#FFF; background-color:#BBB; font-weight:bold; font-size: 0.6em; margin: 0; padding: 2px; border-radius: 4px;}
|
||||||
small.externalapp.list { float: right; }
|
small.externalapp.list { float: right; }
|
||||||
span.version { margin-left:3em; color:#ddd; }
|
span.version { margin-left:3em; margin-right:3em; color:#555; }
|
||||||
|
|
||||||
.app { position: relative; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; z-index: 100; transition: .2s max-width linear; -o-transition: .2s max-width linear; -moz-transition: .2s max-width linear; -webkit-transition: .2s max-width linear; -ms-transition: .2s max-width linear; }
|
.app { position: relative; display: inline-block; padding: 0 !important; text-overflow: hidden; overflow: hidden; white-space: nowrap; z-index: 100; transition: .2s max-width linear; -o-transition: .2s max-width linear; -moz-transition: .2s max-width linear; -webkit-transition: .2s max-width linear; -ms-transition: .2s max-width linear; }
|
||||||
.app.externalapp { max-width: 10em; }
|
.app.externalapp { max-width: 12em; }
|
||||||
/* Transition to complete width! */
|
/* Transition to complete width! */
|
||||||
.app:hover, .app:active { max-width: inherit; }
|
.app:hover, .app:active { max-width: inherit; }
|
||||||
|
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
<div id="controls">
|
<div id="controls">
|
||||||
<a class="button" target="_blank" href="http://owncloud.org/dev/apps/getting-started/"><?php echo $l->t('Add your App');?></a>
|
<a class="button" target="_blank" href="http://owncloud.org/dev/apps/getting-started/"><?php echo $l->t('Add your App');?></a>
|
||||||
</div>
|
</div>
|
||||||
<ul id="leftcontent">
|
<ul id="leftcontent" class="applist">
|
||||||
<?php foreach($_['apps'] as $app):?>
|
<?php foreach($_['apps'] as $app):?>
|
||||||
<li <?php if($app['active']) echo 'class="active"'?> data-id="<?php echo $app['id'] ?>"
|
<li <?php if($app['active']) echo 'class="active"'?> data-id="<?php echo $app['id'] ?>"
|
||||||
data-type="<?php echo $app['internal'] ? 'internal' : 'external' ?>" data-installed="1">
|
data-type="<?php echo $app['internal'] ? 'internal' : 'external' ?>" data-installed="1">
|
||||||
|
@ -22,10 +22,12 @@
|
||||||
<?php endforeach;?>
|
<?php endforeach;?>
|
||||||
</ul>
|
</ul>
|
||||||
<div id="rightcontent">
|
<div id="rightcontent">
|
||||||
|
<div class="appinfo">
|
||||||
<h3><strong><span class="name"><?php echo $l->t('Select an App');?></span></strong><span class="version"></span><small class="externalapp" style="visibility:hidden;"></small></h3>
|
<h3><strong><span class="name"><?php echo $l->t('Select an App');?></span></strong><span class="version"></span><small class="externalapp" style="visibility:hidden;"></small></h3>
|
||||||
<p class="description"></p>
|
<p class="description"></p>
|
||||||
<img src="" class="preview" />
|
<img src="" class="preview" />
|
||||||
<p class="appslink hidden"><a href="#" target="_blank"><?php echo $l->t('See application page at apps.owncloud.com');?></a></p>
|
<p class="appslink hidden"><a href="#" target="_blank"><?php echo $l->t('See application page at apps.owncloud.com');?></a></p>
|
||||||
<p class="license hidden"><span class="licence"></span><?php echo $l->t('-licensed');?> <?php echo $l->t('by');?> <span class="author"></span></p>
|
<p class="license hidden"><span class="licence"></span><?php echo $l->t('-licensed');?> <?php echo $l->t('by');?> <span class="author"></span></p>
|
||||||
<input class="enable hidden" type="submit" />
|
<input class="enable hidden" type="submit" />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue