PDC-IRAP / pdc-web

Commit f6572d7decbfd67f45dd70c01394ebf64f63e7b4

Authored by Anais Amato
Committed by hitier
1 parent 9f86aeea
Exists in master and in 4 other branches Develop, TEST, dev, othauvin

Fix menu sidebar width 

was variable, is now stable
Showing 2 changed files with 12 additions and 2 deletions   Show diff stats
Inline Side-by-side
app/static/css/style.css
  Diff comments   View file @f6572d7
... ... @@ -40,6 +40,10 @@ nav.sidebar a:hover {
40 40 background-color: lightgrey;
41 41 }
42 42  
  43 +nav.sidebar ul {
  44 + width: 100%;
  45 +}
  46 +
43 47 nav.sidebar a {
44 48 color: black;
45 49 text-decoration: none;
... ... @@ -82,9 +86,15 @@ nav.sidebar a.disabled {
82 86 }
83 87  
84 88 /* Update the navbar for small screens. Replace bootstrap css for small screens only */
85   -@media (max-width: 600px) {
  89 +@media (max-width: 768px) {
86 90 .sidebar {
87 91 position: static !important;
88 92 margin-top: 0px !important;
89 93 }
90 94 }
  95 +
  96 +@media (min-width: 1670px) {
  97 + .sidebar {
  98 + max-width:12.499999995%;
  99 + }
  100 +}
91 101 \ No newline at end of file
... ...
app/templates/base_page.html
  Diff comments   View file @f6572d7
... ... @@ -30,7 +30,7 @@
30 30  
31 31 <div class="container-fluid">
32 32 <div class="row">
33   - <nav class="col-md-2 col-sm-auto col-xs-auto navbar-light bg-light navbar-expand-md sidebar mt-5">
  33 + <nav class="col-md-half col-lg-2 col-md-2 navbar-light bg-light navbar-expand-md sidebar mt-5">
34 34 <button id="test" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
35 35 <span class="navbar-toggler-icon"></span>
36 36 </button>
... ...