1

add scrollbar, fix template

This commit is contained in:
kasch309
2020-03-23 17:07:37 +01:00
parent 62efdb784d
commit 341103b554

View File

@ -30,8 +30,8 @@
</header> </header>
<main th:fragment="bodycontent"> <main th:fragment="bodycontent">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div>
<div class="col-9 shadow-sm p-4" style="border: 10px solid aliceblue; border-radius: 5px; background: aliceblue"> <div class="shadow-sm p-4 col-8" style="border: 10px solid aliceblue; display: inline-block; border-radius: 5px; background: aliceblue">
<h1 style="color: black; font-weight: bold; font-optical-sizing: auto; overflow-wrap: break-word" th:text="${group.getTitle()}"></h1> <h1 style="color: black; font-weight: bold; font-optical-sizing: auto; overflow-wrap: break-word" th:text="${group.getTitle()}"></h1>
<h3> <h3>
<span class="badge badge-pill badge-dark" style="background: darkslategray" <span class="badge badge-pill badge-dark" style="background: darkslategray"
@ -67,8 +67,7 @@
</form> </form>
</div> </div>
</div> </div>
<div class="col-3" style="white-space: nowrap"> <div class="col-4" style="white-space: nowrap; float: right; background: white; display: inline-block; margin-bottom: 100px; margin-top: -8px">
<div style="display: inline-block; margin: 0">
<h2>Mitglieder</h2> <h2>Mitglieder</h2>
<div th:switch="${group.getUserMaximum() != 100000}"> <div th:switch="${group.getUserMaximum() != 100000}">
<h4 th:case="${true}"> <h4 th:case="${true}">
@ -84,11 +83,11 @@
th:action="@{/gruppen2/details/members/{id}(id=${group.getId()})}"> th:action="@{/gruppen2/details/members/{id}(id=${group.getId()})}">
<button class="btn btn-secondary" style="background: slategrey; float: left">Mitglieder bearbeiten</button> <button class="btn btn-secondary" style="background: slategrey; float: left">Mitglieder bearbeiten</button>
</form> </form>
</div>
<br> <br>
<br> <br>
</div> </div>
<div> <div style="overflow-y: scroll;
height:60vh">
<ul class="list-group-flush" style="background: slategrey" <ul class="list-group-flush" style="background: slategrey"
th:each="member : ${group.getMembers()}"> th:each="member : ${group.getMembers()}">
<li class="list-group-item" style="background: aliceblue"> <li class="list-group-item" style="background: aliceblue">