MatrixRoomUtils

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | LICENSE

NavMenu.razor.css (1183B)

      1 .navbar-toggler {
      2     background-color: rgba(255, 255, 255, 0.1);
      3 }
      4 
      5 .top-row {
      6     height: 3.5rem;
      7     background-color: rgba(0,0,0,0.4);
      8 }
      9 
     10 .navbar-brand {
     11     font-size: 1.1rem;
     12 }
     13 
     14 .oi {
     15     width: 2rem;
     16     font-size: 1.1rem;
     17     vertical-align: text-top;
     18     top: -2px;
     19 }
     20 
     21 .nav-item {
     22     font-size: 0.9rem;
     23     padding-bottom: 0.5rem;
     24 }
     25 
     26     .nav-item:first-of-type {
     27         padding-top: 1rem;
     28     }
     29 
     30     .nav-item:last-of-type {
     31         padding-bottom: 1rem;
     32     }
     33 
     34     .nav-item ::deep a {
     35         color: #d7d7d7;
     36         border-radius: 4px;
     37         height: 3rem;
     38         display: flex;
     39         align-items: center;
     40         line-height: 3rem;
     41     }
     42 
     43 .nav-item ::deep a.active {
     44     background-color: rgba(255,255,255,0.25);
     45     color: white;
     46 }
     47 
     48 .nav-item ::deep a:hover {
     49     background-color: rgba(255,255,255,0.1);
     50     color: white;
     51 }
     52 
     53 @media (min-width: 641px) {
     54     .navbar-toggler {
     55         display: none;
     56     }
     57 
     58     .collapse {
     59         /* Never collapse the sidebar for wide screens */
     60         display: block;
     61     }
     62     
     63     .nav-scrollable {
     64         /* Allow sidebar to scroll for tall menus */
     65         height: calc(100vh - 3.5rem);
     66         overflow-y: auto;
     67     }
     68 }