dashboard: improve general design (mostly events related)

This commit is contained in:
nemunaire 2018-12-09 18:35:28 +01:00
commit aa3750bb68
11 changed files with 70 additions and 44 deletions

View file

@ -158,7 +158,7 @@ a:hover .teamname {
#eventsList {
overflow:hidden;
max-height: 100vh
max-height: 90vh;
}
.swap-animation .alert {
@ -166,8 +166,8 @@ a:hover .teamname {
}
.swap-animation {
margin-bottom: 0.5rem;
max-height: 25vh;
transition: max-height 1.5s linear,opacity 1.0s linear,transform 0.5s linear;
max-height: 30vh;
transition: max-height 1.0s linear,opacity 1.0s linear,transform 0.5s linear;
}
.swap-animation.ng-enter {
transform: translateY(-25vh);
@ -274,3 +274,24 @@ blockquote {
padding-right: 2em;
max-width: 100%;
}
#eventsList .card {
border-left-color: rgba(0,0,0,.125) !important;
border-right-color: rgba(0,0,0,.125) !important;
border-top-color: rgba(0,0,0,.125) !important;
}
.bg-public .card-body {
padding:1rem;
padding-bottom:0;
}
.card-sm .card-header, .card-sm .card-footer {
padding: 0.2rem 0.75rem;
}
.card-sm .card-body {
padding: 0.4rem 0.75rem;
}
.card-sm .card-body.text-indent p {
text-indent: 0.4rem;
}

View file

@ -17,7 +17,7 @@
<div class="card-columns">
<div class="card niceborder excard" ng-repeat="(k,theme) in themes" ng-click="goTheme()">
<div class="card-img-top theme-card" ng-show="theme.image" style="background-image: url({{ theme.image }})"></div>
<div class="card-body">
<div class="card-body text-indent">
<h5 class="card-title clearfix">
<a ng-href="/{{ theme.urlid }}">{{ theme.name }}</a>
<a ng-href="/tags/{{tag}}" class="badge badge-pill badge-secondary ml-1 float-right">#tag</a>