blackicedbear/FHC-Core
1
0
Fork 0
mirror of https://github.com/FH-Complete/FHC-Core.git synced 2026-07-24 02:12:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

update newsWidget template & css, fixed carousel css transition;

Browse Source
This commit is contained in:
Johann Hoffmann
2024-12-02 16:41:42 +01:00
parent bf5e8e9c0e
commit 41ad440cd4
2 changed files with 66 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/components/dashboard/news.css
+15 -15
View File
@@ -15,31 +15,31 @@
width: 100%;
justify-content: space-between;
align-items: center;
/*background-color: #769b12;*/
background-color: #00649c;
/*background-color: var(--fhc-cis-menu-lvl-1-bg);*/
border: 1px solid #f1f1f1; /* Button border */
/*border-radius: 5px; !* Rounded corners *!*/
font-size: 16px; /* Adjust text size */
cursor: pointer; /* Make it look clickable */
border: 1px solid #f1f1f1;
font-size: 16px;
cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease; /* Smooth transition */
}
.fhc-news-menu-item:hover {
/*background-color: #8bb717; !* Darker shade for hover effect *!*/
background-color: var(--fhc-cis-menu-lvl-1-bg-hover);
border-color: #f1f1f1; /* Darker border for hover effect */
border-color: #f1f1f1;
}
.fhc-news-menu-item:active {
/*background-color: #b1e81a; !* Even darker shade when clicked *!*/
background-color: var(--fhc-cis-menu-lvl-1-color-hover);
border-color: #f1f1f1; /* Darker border when clicked */
border-color: #f1f1f1;
}
.fhc-news-menu-item.selected {
background-color: var(--fhc-cis-menu-lvl-1-bg-hover);
border-right: 2px solid #fff;
}
.fhc-news-menu-item:focus {
outline: none; /* Remove the outline on focus */
/*box-shadow: 0 0 0 0.2rem rgba(183, 255, 0, 0.96); !* Focus ring for accessibility *!*/
outline: none;
}
.fhc-news-menu-item-betreff
@@ -58,15 +58,15 @@
}
.fhc-carousel .carousel-item {
transition: transform 0.375s ease-in-out, opacity 0.75s ease-in-out; /* Customize duration and easing */
transition: transform 0.375s ease-in-out, opacity 0.75s ease-in-out;
}
.fhc-carousel .carousel-item-next,
.fhc-carousel .carousel-item-prev {
transition: transform 0.44s ease-in-out, opacity 0.8s ease-in-out; /* Apply the same timing */
transition: transform 0.44s ease-in-out, opacity 0.8s ease-in-out;
}
.fhc-carousel .carousel-item-start,
.fhc-carousel .carousel-item-end {
transition: transform 0.44s ease-in-out, opacity 0.8s ease-in-out; /* Ensure smooth entry and exit */
transition: transform 0.44s ease-in-out, opacity 0.8s ease-in-out;
}