blackicedbear/FHC-Core
1
0
Fork 0
mirror of https://github.com/FH-Complete/FHC-Core.git synced 2026-10-20 10:49:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

reworked degree program contact persons collapsible

Browse Source
This commit is contained in:
adisposkofh
2026-09-29 09:59:13 +02:00
parent eebe2d6aec
commit d30595bbfb
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/Cis4/Studium.css
+5 -6
View File
@@ -65,7 +65,7 @@
background-color: var(--fhc-secondary);
border: 1px solid var(--fhc-border);
border-radius: var(--bs-border-radius);
transition: width 0.5s ease-in-out, background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
#studiengang-info-toggle:hover {
@@ -82,17 +82,16 @@
}
#studiengang-info {
overflow-x: hidden;
transition: width 0.5s ease-in-out;
}
@media (min-width: 768px) {
#studiengang-info-col:not(.collapsed) #studiengang-info-toggle {
width: 25px;
#studiengang-info-col.collapsed {
width: 50px;
}
#studiengang-info-col.collapsed #studiengang-info-toggle {
width: 100%;
#studiengang-info-toggle {
min-height: 100px;
}
#studiengang-info-col.collapsed #studiengang-info {
public/js/components/Cis/Studium/Studium.js
+5 -4
View File
@@ -419,18 +419,19 @@ export default {
<div
v-if="selectedStudiengang"
id="studiengang-info-col"
class="col-12 order-last d-flex flex-column"
:class="{'collapsed col-md-1': !showStudiengangInfo, 'col-md-4 col-xxl-3': showStudiengangInfo}"
class="order-last d-flex flex-column"
:class="{'collapsed col-md-auto': !showStudiengangInfo, 'col-md-4 col-xxl-3': showStudiengangInfo}"
>
<div class="d-flex flex-column flex-md-row gap-2">
<div class="d-flex flex-column flex-md-row justify-content-start gap-2">
<button
@click="showStudiengangInfo ? toggleStudiengangInfoCollapse() : displayStudiengangInfo()"
id="studiengang-info-toggle"
class="d-flex flex-row justify-content-center align-items-center p-2"
:title="studiengangInfoToggleTitel"
>
<i aria-hidden="true" class="fa-solid fa-chevron-right fhc-text"></i>
</button>
<div id="studiengang-info" class="flex-grow-1">
<div id="studiengang-info">
<div
@[\`hidden.bs.collapse\`]="hideStudiengangInfo()"
id="studiengang-info-body"