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

Last commit: Mon Nov 9 22:29:34 2020 +0100	Jan Dankert	UI-Refactoring: The navigation is now on the left side with full height.


     1 
     2 @small: ~"only screen and (max-width: 65rem)";
     3 
     4 .or {
     5 
     6     &-fieldset {
     7 
     8         border: 0;
     9         display: flex;
    10         flex-direction: row;
    11         align-items: start;
    12 
    13         margin-top: 1em;
    14 
    15         &-label {
    16             flex: 1;
    17             font-size: 1em;
    18             text-align: right;
    19             padding-right: 1em;
    20             font-weight: normal;
    21         }
    22 
    23         &-value {
    24             flex: 3;
    25 
    26             > * {
    27                 // display direct children as blocks
    28                 display: block;
    29                 padding: 0.8em;
    30             }
    31         }
    32 
    33         @media @small {
    34             flex-direction: column;
    35 
    36             &-label {
    37                 flex:1;
    38                 width: 100%;
    39                 text-align: left;
    40             }
    41             &-value {
    42                 flex:1;
    43                 width: 100%;
    44             }
    45 
    46         }
    47 
    48     }
    49 
    50 }



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


History
Mon, 9 Nov 2020 22:29:34 +0100	Jan Dankert	UI-Refactoring: The navigation is now on the left side with full height.
Sun, 18 Oct 2020 01:30:49 +0200	Jan Dankert	New component "fieldset" for better form layout.