File modules/template_engine/components/html/component_table/table.less

Last commit: Fri Mar 11 20:14:33 2022 +0100	dankert	UI-Cleanup.


     1 @color-overridden-by-theme: black;
     2 
     3 @smartphones: ~"only screen and (max-width: 55rem)";
     4 
     5 .border-radius (@radius) {
     6     border-radius: @radius;
     7     -moz-border-radius: @radius;
     8     -webkit-border-radius: @radius;
     9     -khtml-border-radius: @radius;
    10 }
    11 
    12 
    13 
    14 .or {
    15     &-table {
    16 
    17         overflow: auto;
    18         border: 2px;
    19         width: 100%;
    20         table-layout: fixed;
    21 
    22       &-column-date {
    23         width: 12em;
    24       }
    25       &-column-user {
    26         width: 7em;
    27       }
    28       &-column-action {
    29         width: 5em;
    30       }
    31       &-column-auto {
    32         width: auto;
    33         max-width: 0;
    34       }
    35 
    36         &-area {
    37 
    38             /* Responsive Tables */
    39             @media screen and (max-width: 40em) {
    40 
    41                 overflow-x: auto;
    42             }
    43 
    44         }
    45 
    46         &-filter {
    47             width: 100%;
    48             text-align: right;
    49 
    50             &-input {
    51                 .border-radius(3px);
    52                 padding: 0.3em;
    53                 margin: 0 1em;
    54                 border: 1px solid @color-overridden-by-theme;
    55                 width:7.5em;
    56             }
    57         }
    58 
    59         tr.or-headline > td,
    60 
    61         tr {
    62             padding:0.3em;
    63 
    64           .or-row--on-hover {
    65             visibility: hidden;
    66             @media @smartphones {
    67               visibility: visible;
    68             }
    69           }
    70           &:hover .or-row--on-hover {
    71             visibility: visible;
    72           }
    73         }
    74 
    75         tr > th {
    76 
    77             padding: 3px;
    78             font-weight: bold;
    79 
    80             &.or-sort-asc > span:last-child:after {
    81                 content: " \2193";
    82             }
    83             &.or-sort-desc > span:last-child:after {
    84                 content: " \2191";
    85             }
    86         }
    87 
    88         tr.or-data > td {
    89             padding: 3px;
    90         }
    91 
    92         tr > td {
    93             white-space: nowrap;
    94             text-overflow: ellipsis;
    95             overflow: hidden;
    96             //max-width: 0;
    97         }
    98 
    99         td.or-readonly {
   100             font-style: italic;
   101             font-weight: normal;
   102         }
   103         td.or-default {
   104             font-style: normal;
   105             font-weight: normal;
   106         }
   107         td.or-changed {
   108             font-style: normal;
   109             font-weight: bold;
   110         }
   111 
   112         td:hover > div.or-onrowvisible {
   113             visibility: visible;
   114         }
   115 
   116         /* Hilfe-Texte */
   117         tr td.or-help {
   118             font-style: italic;
   119         }
   120 
   121         tr.or-headline td.or-help {
   122             /*
   123             border-bottom:1px solid @color-overridden-by-theme;
   124             */
   125             font-style: normal;
   126 
   127         }
   128 
   129         &-sort-value {
   130             display: none;
   131         }
   132     }
   133 }



Download modules/template_engine/components/html/component_table/table.less


History
Fri, 11 Mar 2022 20:14:33 +0100	dankert	UI-Cleanup.
Mon, 8 Mar 2021 01:24:06 +0100	Jan Dankert	New: Action menu on many lists; tables have now a fixed layout
Sat, 6 Mar 2021 15:38:14 +0100	Jan Dankert	New: Submenus in Lists.
Fri, 27 Nov 2020 20:14:22 +0100	Jan Dankert	Fix: Mark input fields on input error.
Fri, 13 Nov 2020 00:12:44 +0100	Jan Dankert	Fixing Pagelement-History and Diff.
Mon, 9 Nov 2020 22:24:27 +0100	Jan Dankert	New: Setting the CSS class of tables.
Thu, 5 Nov 2020 22:51:14 +0100	Jan Dankert	Cleaned up the LESS files, more use of the BEM schema.
Wed, 14 Oct 2020 22:20:22 +0200	Jan Dankert	Refactoring: Renamed component folders, because 'if' is no valid namespace fragment.