File modules/cms/ui/themes/default/style/openrat-navigation.less

Last commit: Fri Feb 12 00:43:08 2021 +0100	Jan Dankert	New: Style colors; Fix: Mobile navigation, global search.


     1 /*   N a v i g a t i o n   */
     2 
     3 
     4 
     5 @smartphones: ~"only screen and (max-width: 55rem)";
     6 
     7 
     8 
     9 .or {
    10   &-navigation {
    11 
    12     &--is-open {
    13       display: flex;
    14       flex-direction: row;
    15     }
    16 
    17     &-filler {
    18       height: 100%;
    19       width: 12em;
    20       opacity: 0.8;
    21       filter: blur(10em);
    22 
    23       @media @smartphones {
    24         width: 0;
    25       }
    26 
    27       &-icon {
    28         opacity: 1;
    29         font-size: 3em;
    30         position: absolute;
    31         right: 20px;
    32         top: 20px;
    33       }
    34     }
    35 
    36     &-content {
    37 
    38       flex: 1;
    39       //overflow: auto;
    40       //position: absolute;
    41 
    42       //top: 0;
    43       //left: 0;
    44       //width: 100%;
    45       height: 100%;
    46 
    47       //margin-left:10em;
    48 
    49       z-index: 3;
    50 
    51       .or-view {
    52         height: 100%;
    53       }
    54 
    55     }
    56 
    57   }
    58 
    59     &-navtree {
    60 
    61         &-node {
    62             margin: 0;
    63             padding: 0.1em 0;
    64 
    65           @media @smartphones {
    66             padding: 0.2em 0;
    67           }
    68 
    69             line-height: 18px;
    70             font-weight: normal;
    71             white-space: nowrap;
    72 
    73             &--selected {
    74                 font-weight: bold;
    75 
    76                 & > div > a {
    77                     font-weight: bold;
    78                 }
    79             }
    80 
    81             &-control {
    82                 width: 18px;
    83                 min-width: 18px;
    84                 height: 18px;
    85                 float: left;
    86                 cursor: pointer;
    87             }
    88         }
    89 
    90 
    91         &-list {
    92 
    93             list-style-type: none;
    94             margin: 0;
    95             padding: 0;
    96 
    97             ul {
    98                 margin-left: 18px;
    99             }
   100 
   101 
   102         }
   103     }
   104 }



Download modules/cms/ui/themes/default/style/openrat-navigation.less


History
Fri, 12 Feb 2021 00:43:08 +0100	Jan Dankert	New: Style colors; Fix: Mobile navigation, global search.
Mon, 9 Nov 2020 22:29:34 +0100	Jan Dankert	UI-Refactoring: The navigation is now on the left side with full height.
Thu, 5 Nov 2020 22:51:14 +0100	Jan Dankert	Cleaned up the LESS files, more use of the BEM schema.
Sat, 10 Oct 2020 01:29:41 +0200	Jan Dankert	Refactoring: Only using CSS classes with the 'or-'-prefix.
Sun, 4 Oct 2020 23:53:25 +0200	Jan Dankert	New: The tree is now hidable with a dedicated button. No more hover effect in the navigation.
Sun, 23 Feb 2020 04:01:30 +0100	Jan Dankert	Refactoring with Namespaces for the cms modules, part 1: moving.