YunoHost/doc
1
0
Fork 0
mirror of https://github.com/YunoHost/doc.git synced 2024-09-03 20:06:26 +02:00
Code Issues Projects Releases Packages Wiki Activity

Apps card css tweaks (#546)

Browse source 
* Card css tweaking
* Card css tweaking
This commit is contained in:
Alexandre Aubin 2017-09-07 00:54:26 +02:00 committed by GitHub
parent ce7741bdd8
commit 09999c0ae2
2 changed files with 19 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
apps.md
View file

@ -52,11 +52,12 @@
App card App card
=================================================*/ =================================================*/
.app-card { .app-card {
margin-bottom:10px; margin-bottom:20px;
width:270px; width:270px;
float:left; float:left;
min-height: 1px; min-height: 1px;
margin-right: 10px; margin-right: 10px;
margin-left: 10px;
} }
/*===============================================*/ /*===============================================*/
@ -69,7 +70,7 @@
font-size:1.2em; font-size:1.2em;
} }
.app-card .category { .app-card .category {
height:50px; height:35px;
} }
.app-card .category .label, .app-card-date-maintainer { .app-card .category .label, .app-card-date-maintainer {
font-size:0.7em; font-size:0.7em;
@ -77,10 +78,14 @@
.app-card-date-maintainer { .app-card-date-maintainer {
text-align:right; text-align:right;
max-height: 18px; max-height: 18px;
margin-bottom: 3px;
margin-right: 7px;
margin-top: -5px;
} }
.app-card-desc { .app-card-desc {
height:100px; height:100px;
overflow: hidden;
} }
/*===============================================*/ /*===============================================*/
@ -102,6 +107,7 @@
border-right:0; border-right:0;
border-top-right-radius:0; border-top-right-radius:0;
margin-left: 0px; margin-left: 0px;
width: 33.6%;
} }
/*===============================================*/ /*===============================================*/
</style> </style>
@ -114,12 +120,11 @@
<div class="category"></div> <div class="category"></div>
<div class="app-card-desc">{app_description}</div> <div class="app-card-desc">{app_description}</div>
</div>
<div class="app-card-date-maintainer"> <div class="app-card-date-maintainer">
<span class="glyphicon glyphicon-refresh"></span> {app_update} - <span class="glyphicon glyphicon-refresh"></span> {app_update} -
<span class="glyphicon glyphicon-user"></span> {app_maintainer} <span class="glyphicon glyphicon-user"></span> {app_maintainer}
</div> </div>
</div>
<div class="btn-group" role="group"> <div class="btn-group" role="group">
<a href="{app_git}" target="_BLANK" type="button" class="btn btn-default col-sm-4"><span class="glyphicon glyphicon-globe" aria-hidden="true"></span> Code</a> <a href="{app_git}" target="_BLANK" type="button" class="btn btn-default col-sm-4"><span class="glyphicon glyphicon-globe" aria-hidden="true"></span> Code</a>
<a href="#/app_{app_id}_en" target="_BLANK" type="button" class="btn btn-default col-sm-4"><span class="glyphicon glyphicon-book" aria-hidden="true"></span> Doc</a> <a href="#/app_{app_id}_en" target="_BLANK" type="button" class="btn btn-default col-sm-4"><span class="glyphicon glyphicon-book" aria-hidden="true"></span> Doc</a>

14
apps_fr.md
View file

@ -52,11 +52,12 @@
App card App card
=================================================*/ =================================================*/
.app-card { .app-card {
margin-bottom:10px; margin-bottom:20px;
width:270px; width:270px;
float:left; float:left;
min-height: 1px; min-height: 1px;
margin-right: 10px; margin-right: 10px;
margin-left: 10px;
} }
/*===============================================*/ /*===============================================*/
@ -69,7 +70,7 @@
font-size:1.2em; font-size:1.2em;
} }
.app-card .category { .app-card .category {
height:50px; height:35px;
} }
.app-card .category .label, .app-card-date-maintainer { .app-card .category .label, .app-card-date-maintainer {
font-size:0.7em; font-size:0.7em;
@ -77,10 +78,14 @@
.app-card-date-maintainer { .app-card-date-maintainer {
text-align:right; text-align:right;
max-height: 18px; max-height: 18px;
margin-bottom: 3px;
margin-right: 7px;
margin-top: -5px;
} }
.app-card-desc { .app-card-desc {
height:100px; height:100px;
overflow: hidden;
} }
/*===============================================*/ /*===============================================*/
@ -102,6 +107,7 @@
border-right:0; border-right:0;
border-top-right-radius:0; border-top-right-radius:0;
margin-left: 0px; margin-left: 0px;
width: 33.6%;
} }
/*===============================================*/ /*===============================================*/
</style> </style>
@ -114,12 +120,12 @@
<div class="category"></div> <div class="category"></div>
<div class="app-card-desc">{app_description}</div> <div class="app-card-desc">{app_description}</div>
</div>
<div class="app-card-date-maintainer"> <div class="app-card-date-maintainer">
<span class="glyphicon glyphicon-refresh"></span> {app_update} - <span class="glyphicon glyphicon-refresh"></span> {app_update} -
<span class="glyphicon glyphicon-user"></span> {app_maintainer} <span class="glyphicon glyphicon-user"></span> {app_maintainer}
</div> </div>
</div>
<div class="btn-group" role="group"> <div class="btn-group" role="group">
<a href="{app_git}" target="_BLANK" type="button" class="btn btn-default col-sm-4"><span class="glyphicon glyphicon-globe" aria-hidden="true"></span> Code</a> <a href="{app_git}" target="_BLANK" type="button" class="btn btn-default col-sm-4"><span class="glyphicon glyphicon-globe" aria-hidden="true"></span> Code</a>
<a href="app_{app_id}_fr" target="_BLANK" type="button" class="btn btn-default col-sm-4"><span class="glyphicon glyphicon-book" aria-hidden="true"></span> Doc</a> <a href="app_{app_id}_fr" target="_BLANK" type="button" class="btn btn-default col-sm-4"><span class="glyphicon glyphicon-book" aria-hidden="true"></span> Doc</a>