clean all titles colors

This commit is contained in:
tykayn 2020-12-03 16:18:11 +01:00 committed by Baptiste Lemoine
parent f80bf34605
commit 229c16df3b
7 changed files with 131 additions and 75 deletions

View File

@ -163,10 +163,17 @@ a.list-item {
.setting-title {
margin-top: 2rem;
margin-bottom: 1rem;
h1,h2,h3,h4,h5,h6{
background: $secondary;
color : $white;
span{
background: $secondary !important;
color : $white !important;
}
}
h2 {
display: inline;
background: $secondary;
padding: 2px 7.5px;
text-transform: uppercase;
font-size: 1.25rem;
@ -180,6 +187,45 @@ a.list-item {
.columns{
background: white;
}
.router-link-active{
background-color: $background-color-darker;
.setting-menu-item {
background-color: $yellow-4;
.router-link-active,
.router-link-active {
background-color: $info;
color: $white;
a {
color: $white;
font-weight: 600 !important;
text-decoration: none;
}
}
}
.date-component-container {
.datetime-container {
margin-right: 1em;
}
}
.date-component {
background-color: $chapril_blue_light !important;
}
.time.datetime-container{
color: $white;
background: $chapril_blue_light;
span.month {
color: $white;
}
}
/**
footer
*/
footer.footer[data-v-40ab164b] span.select select{
background: $chapril_blue_light;
color: #000;
}

View File

@ -121,8 +121,8 @@
})
"
icon-left="pencil"
>{{ $t("Edit") }}</b-button
>
>{{ $t("Edit") }}
</b-button>
</li>
<li v-if="participation.role === ParticipantRole.CREATOR">
<b-button
@ -146,7 +146,7 @@
"
@click="openDeleteEventModalWrapper"
>
<b-button type="is-text" icon-left="delete">{{ $t("Delete") }}</b-button>
<b-button type="is-text" icon-left="delete">{{ $t("Delete") }} </b-button>
</li>
<li
v-if="
@ -164,8 +164,8 @@
})
"
icon-left="account-multiple-plus"
>{{ $t("Manage participations") }}</b-button
>
>{{ $t("Manage participations") }}
</b-button>
</li>
<li>
<b-button
@ -173,8 +173,8 @@
icon-left="view-compact"
type="is-text"
:to="{ name: RouteName.EVENT, params: { uuid: participation.event.uuid } }"
>{{ $t("View event page") }}</b-button
>
>{{ $t("View event page") }}
</b-button>
</li>
</ul>
</div>
@ -293,73 +293,87 @@ article.box {
line-height: 1.75em;
}
}
div.content {
padding: 5px;
.participation-actor span,
.participant-stats span {
padding: 0 5px;
.list-card {
display: flex;
align-items: center;
padding: 0 1.5em;
button {
height: auto;
padding-top: 0;
.actions {
padding-right: 7.5px;
cursor: pointer;
}
div.content {
flex: 1;
padding: 5px;
.participation-actor span,
.participant-stats span {
padding: 0 5px;
button {
height: auto;
padding-top: 0;
}
}
div.title-wrapper {
display: flex;
align-items: center;
div.date-component {
flex: 0;
margin-right: 16px;
}
a {
text-decoration: none;
}
.title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 400;
line-height: 1em;
font-size: 1.6em;
padding-bottom: 5px;
margin: auto 0;
}
}
}
div.title-wrapper {
display: flex;
align-items: center;
.actions {
ul li {
margin: 0 auto;
div.date-component {
flex: 0;
margin-right: 16px;
}
a {
text-decoration: none;
}
.title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 400;
line-height: 1em;
font-size: 1.6em;
padding-bottom: 5px;
margin: auto 0;
}
}
}
.actions {
ul li {
margin: 0 auto;
.is-link {
cursor: pointer;
}
.button.is-text {
text-decoration: none;
::v-deep span:first-child i.mdi::before {
font-size: 24px !important;
.is-link {
cursor: pointer;
}
::v-deep span:last-child {
padding-left: 4px;
.button.is-text {
text-decoration: none;
::v-deep span:first-child i.mdi::before {
font-size: 24px !important;
}
::v-deep span:last-child {
padding-left: 4px;
}
&:hover {
background: #f5f5f5;
}
}
&:hover {
background: #f5f5f5;
* {
font-size: 0.8rem;
color: $background-color;
}
}
* {
font-size: 0.8rem;
color: $background-color;
}
}
}
}

View File

@ -23,7 +23,6 @@ export default class EventMetadataBlock extends Vue {
h2 {
font-size: 1.8rem;
font-weight: 500;
color: #f7ba30;
}
div.eventMetadataBlock {

View File

@ -17,11 +17,10 @@ h2 {
margin: 15px 0 30px;
span {
background: $secondary;
display: inline;
padding: 3px 8px;
color: #3a384c;
font-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial, serif;
font-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
serif;
font-weight: 400;
font-size: 32px;
}

View File

@ -298,7 +298,6 @@ h2.subtitle {
span {
padding: 5px 7px;
display: inline;
background: $secondary;
}
}

View File

@ -730,8 +730,8 @@ div.container {
.media-content {
h2 {
color: #3c376e;
font-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial, serif;
font-family: "Liberation Sans", "Helvetica Neue", Roboto,
Helvetica, Arial, serif;
font-size: 1.5rem;
font-weight: 700;
}

View File

@ -230,10 +230,9 @@ export default class Register extends Vue {
}
h2.title {
color: $primary;
font-size: 2.5rem;
text-decoration: underline;
text-decoration-color: $secondary;
display: inline;
}