searchbar restults mobile improve css selector, alter student result view

This commit is contained in:
Harald Bamberger
2025-03-10 17:11:03 +01:00
parent b9823a0278
commit 1f5925e860
2 changed files with 18 additions and 18 deletions
+8 -8
View File
@@ -524,29 +524,29 @@ html {
}
@media screen and ( max-width: 576px ) {
.searchbar_icon img {
#nav-search .searchbar_results .searchbar_icon img {
max-width: 65px !important;
}
.searchbar_icon i {
#nav-search .searchbar_results .searchbar_icon i {
font-size: 3em !important;
}
.searchbar_grid {
#nav-search .searchbar_results .searchbar_grid {
grid-template-columns: [icon] 75px [data] auto;
}
.searchbar_table,
.searchbar_tablerow,
.searchbar_tablecell {
#nav-search .searchbar_results .searchbar_table,
#nav-search .searchbar_results .searchbar_tablerow,
#nav-search .searchbar_results .searchbar_tablecell {
display: block;
}
.searchbar_tablecell.searchbar_label {
#nav-search .searchbar_results .searchbar_tablecell.searchbar_label {
font-weight: bold;
}
.searchbar_tablecell.searchbar_value {
#nav-search .searchbar_results .searchbar_tablecell.searchbar_value {
padding-left: 2.5rem;
overflow-wrap: anywhere;
}
+10 -10
View File
@@ -31,36 +31,36 @@ export default {
<div class="searchbar_table">
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">Student UID</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">Student UID</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.uid }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{$p.t('lehre','studiengang')}}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{$p.t('lehre','studiengang')}}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.studiengang }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">Verband</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">Verband</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.verband }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{$p.t('person','personenkennzeichen')}}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{$p.t('person','personenkennzeichen')}}</div>
<div class="searchbar_tablecell searchbar_value">
{{ res.matrikelnr }}
</div>
</div>
<div class="searchbar_tablerow">
<div class="searchbar_tablecell">{{$p.t('person','email')}}</div>
<div class="searchbar_tablecell">
<div class="searchbar_tablecell searchbar_label">{{$p.t('person','email')}}</div>
<div class="searchbar_tablecell searchbar_value">
<a :href="this.mailtourl">
{{ res.email }}
</a>