Fix wrapping and scrolls

This commit is contained in:
Andrei Pohilko
2022-09-28 22:29:42 +01:00
parent bdd5b9b32e
commit 69609b1ee2
2 changed files with 6 additions and 10 deletions

View File

@@ -17,9 +17,9 @@
</head> </head>
<body> <body>
<div class="container-fluid gx-0"> <div class="container-fluid px-0">
<!-- TOP BAR --> <!-- TOP BAR -->
<nav class="navbar navbar-expand bg-white mb-0 p-0" id="topNav"> <nav class="navbar navbar-expand bg-white mb-0 p-0 b-shadow" id="topNav">
<div class="container-fluid m-0 p-0"> <div class="container-fluid m-0 p-0">
<div class="navbar-brand"> <div class="navbar-brand">
<a href="/"><img src="static/logo.png" alt="Logo"></a> <a href="/"><img src="static/logo.png" alt="Logo"></a>
@@ -53,7 +53,7 @@
</nav> </nav>
<!-- /TOP BAR --> <!-- /TOP BAR -->
<div class="row mt-3 pt-3 mx-0 me-5" id="sectionList" style="display: none"> <div class="row mt-3 pt-3 me-5" id="sectionList" style="display: none">
<div class="col-2 ms-3"> <div class="col-2 ms-3">
<!-- FILTER BLOCK --> <!-- FILTER BLOCK -->
<div class="p-2 ps-2 bg-white rounded-1 b-shadow" id="filters"> <div class="p-2 ps-2 bg-white rounded-1 b-shadow" id="filters">
@@ -95,15 +95,14 @@
<!-- /INSTALLED LIST --> <!-- /INSTALLED LIST -->
</div> </div>
<div class="row flex-nowrap pt-0 mx-0" id="sectionDetails" style="display: none">
<div class="row pt-0 mx-0 me-0 flex-nowrap" id="sectionDetails" style="display: none"> <div class="col-2 px-4 py-4 pe-3 rev-list">
<div class="col-2 ms-3 ps-1 pt-4 rev-list">
<h3 class="fw-bold small">Revisions</h3> <h3 class="fw-bold small">Revisions</h3>
<ul class="list-unstyled"> <ul class="list-unstyled">
</ul> </ul>
</div> </div>
<div class="col-10 ms-2 rev-details bg-white b-shadow pt-4 px-5 overflow-auto"> <div class="col-10 rev-details bg-white b-shadow pt-4 px-5 overflow-auto">
<div><span class="rev-status fw-bold me-3"></span></div> <div><span class="rev-status fw-bold me-3"></span></div>
<div> <div>
<h1 class="name float-start">Name</h1> <h1 class="name float-start">Name</h1>

View File

@@ -57,8 +57,6 @@
} }
body { body {
margin: 0;
padding: 0;
height: 100%; height: 100%;
min-height: 50rem; min-height: 50rem;
font-size: 14px; font-size: 14px;
@@ -73,7 +71,6 @@ body > .container-fluid {
} }
#topNav.navbar { #topNav.navbar {
box-shadow: 0 1px 4px rgba(22, 24, 31, 0.1);
} }
.navbar-brand > div { .navbar-brand > div {