update(News und Paginator styling): updates how the news widget is highlighted and adds paginator css overwrites

This commit is contained in:
SimonGschnell
2025-07-23 11:18:38 +02:00
parent db07f33e3c
commit ae725c08a9
5 changed files with 85 additions and 11 deletions
+2 -7
View File
@@ -168,19 +168,14 @@
opacity: 1 !important;
}
.fhc-news-items-lg .row:hover{
background-color: var(--fhc-primary);
color: var(--fhc-light) !important;
cursor: pointer;
}
.fhc-news-items-lg .row .news-truncate span{
color: var(--fhc-primary);
cursor: pointer;
}
.fhc-news-items-lg .row:hover .news-truncate span {
color: var(--fhc-light);
.fhc-news-items-lg .row:hover .news-truncate span{
text-decoration: underline;
cursor: pointer;
}
+19
View File
@@ -266,4 +266,23 @@ html.dark .tabulator .tabulator-header .tabulator-col:hover {
.p-paginator{
background-color: var(--fhc-background) !important;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
background-color: var(--fhc-primary) !important;
border-color: var(--fhc-primary) !important;
color: var(--fhc-light) !important;
}
.p-paginator .p-paginator-pages .p-paginator-page,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-last {
color: var(--fhc-primary) !important;
}
.p-link:focus {
box-shadow: 0 0 0 0.2rem rgba(var(--fhc-primary), 0.5) !important;
}
@@ -73,7 +73,7 @@ export default {
<image-upload ref="imageUpload" :titel="$p.t('profilUpdate','profilBild')"></image-upload>
<div class="card-header">
<div class="row">
<div v-if="isEditable" @click="$emit('showEditProfilModal','Personen_Informationen')" class="col-auto" type="button">
<div v-if="isEditable" @click="$emit('showEditProfilModal','Personen_Informationen')" class="col-auto" type="button" :title="$p.t('profilUpdate','profilBearbeiten')">
<i class="fa fa-edit"></i>
</div>
<div class="col">
@@ -90,10 +90,10 @@ export default {
<div class="col-auto profil-image" style="position:relative">
<img alt="profile picture" class=" img-thumbnail " style=" max-height:150px; " :src="get_image_base64_src"/>
<!-- LOCKING IMAGE FUNCTIONALITY -->
<div v-if="isEditable" role="button" @click.prevent="sperre_foto_function" class="image-lock">
<div v-if="isEditable" role="button" type="button" :title="FotoSperre?$p.t('profil','fotoSperren'):$p.t('profil','fotoEntsperren')" @click.prevent="sperre_foto_function" class="image-lock">
<i :class="{'fa':true, ...(FotoSperre?{'fa-lock':true}:{'fa-lock-open':true})} "></i>
</div>
<div v-if="fotoStatus != null && !fotostatus" role="button" @click.prevent="showModal" class="image-upload">
<div v-if="fotoStatus != null && !fotoStatus" role="button" type="button" :title="$p.t('profil','fotoHochladen')" @click.prevent="showModal" class="image-upload">
<i class="fa fa-upload"></i>
</div>
</div>
+1 -1
View File
@@ -243,7 +243,7 @@ export default {
<div :class="'col-'+(width == 4? 3: width == 3? 4 :6)" style="overflow: auto;" class="fhc-news-items-lg border-end h-100 g-0 " >
<template v-for="news in newsList" :key="'menu-'+news.news_id" >
<div class="row m-0 py-2" @click="setSelected(news)">
<div class="col-md-12 d-flex mb-2">
<div class="col-md-12 d-flex mb-2 pe-3">
<span class="small ">{{ formatDate(news.insertamum) }} </span>
<span class="ms-auto small ">{{ formatTime(news.insertamum) }} </span>
</div>
+60
View File
@@ -27416,6 +27416,66 @@ array(
)
)
),
array(
'app' => 'core',
'category' => 'profil',
'phrase' => 'fotoSperren',
'insertvon' => 'system',
'phrases' => array(
array(
'sprache' => 'German',
'text' => 'Profilbild sperren',
'description' => '',
'insertvon' => 'system'
),
array(
'sprache' => 'English',
'text' => 'lock profile picture',
'description' => '',
'insertvon' => 'system'
)
)
),
array(
'app' => 'core',
'category' => 'profil',
'phrase' => 'fotoEntsperren',
'insertvon' => 'system',
'phrases' => array(
array(
'sprache' => 'German',
'text' => 'Profilbild entsperren',
'description' => '',
'insertvon' => 'system'
),
array(
'sprache' => 'English',
'text' => 'unlock profile picture',
'description' => '',
'insertvon' => 'system'
)
)
),
array(
'app' => 'core',
'category' => 'profil',
'phrase' => 'fotoHochladen',
'insertvon' => 'system',
'phrases' => array(
array(
'sprache' => 'German',
'text' => 'Profilbild hochladen',
'description' => '',
'insertvon' => 'system'
),
array(
'sprache' => 'English',
'text' => 'upload profile picture',
'description' => '',
'insertvon' => 'system'
)
)
),
array(
'app' => 'core',
'category' => 'profil',