rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-01-29 18:52:22 +01:00
Code Issues Releases Activity

fix ui projects list

Browse Source
This commit is contained in:
cyril 2016-05-02 16:21:23 +02:00
parent 12bc556038
commit 31d5fbbb15
2 changed files with 8 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
app/assets/stylesheets/app.components.scss
View File

@ -65,6 +65,7 @@
height: 100%;
}
// component card
.card {
position: relative;
display: block;
@ -113,19 +114,18 @@
.card-header-bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 180px;
}
}
.card-block {
padding: 1.25rem;
padding: 0 1.25rem 1.25rem 1.25rem;
.card-title {
font-size: 1.6rem;
font-size: 1.5rem;
line-height: 2rem;
margin: 0;
text-align: center;
margin-top: 5px;
}
.card-meta {
font-size: 1.2rem;
@ -135,52 +135,6 @@
}
}
.box-thumb {
opacity: 0.9;
&:hover { opacity: 1;}
&:hover .box-footer { opacity: 1; }
position: relative;
background-size: cover;
background-repeat: no-repeat;
border-radius: 8px;
margin-bottom: 30px;
cursor: pointer;
// todo
overflow: hidden;
height: 280px;
img {
opacity: 0.9;
}
.project-caption {
text-shadow: rgba(29, 29, 29, 0.5) 0 -1px, rgba(29, 29, 29, 0.5) -1px 0,
rgba(29, 29, 29, 0.5) 1px 0, rgba(29, 29, 29, 0.5) 0 1px;
}
.box-content {
position: absolute;
top: 45px;
left: 0;
right: 0;
h1 {
padding: 0 20px;
color: white;
text-transform: uppercase;
font-size: rem-calc(24);
font-weight: 900;
line-height: rem-calc(30);
text-align: center;
}
}
.box-footer {
opacity: 0;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
text-align: center;
}
}
.article {
max-width: $screen-md-min;
margin: 0 auto;

6
app/assets/templates/projects/index.html.erb
View File

@ -38,7 +38,7 @@
/>
{{ searchOverWholeNetwork }}
</span>
<form class="form-inline m-t" role="form" ng-submit="setUrlQueryParams(search) && triggerSearch()">
<form class="form-inline m-t text-center" role="form" ng-submit="setUrlQueryParams(search) && triggerSearch()">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-search"></i></div>
@ -82,7 +82,7 @@
<div class="row">
<span class="col-md-12" ng-show="projects && (projects.length == 0)"> {{ 'project_search_result_is_empty' | translate }} </span>
<div class="col-xs-12 col-sm-6 col-md-4" ng-repeat="project in projects" ng-click="showProject(project)">
<div class="col-xs-12 col-sm-6 col-md-3" ng-repeat="project in projects" ng-click="showProject(project)">
<div class="card card-project">
@ -94,7 +94,7 @@
</div>
<div class="card-block">
<h3 class="card-meta" ng-if="openlab.searchOverWholeNetwork && project.app_id == openlabAppId"><i class="fa fa-tag"></i> {{ project.app_name }}</h3>
<h3 class="card-meta" ng-if="openlab.searchOverWholeNetwork && project.app_id != openlabAppId"><i class="fa fa-tag"></i> {{ project.app_name }}</h3>
<h1 class="card-title">{{project.name}}</h1>
</div>