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

Last commit: Sun Jan 5 23:14:07 2025 +0100	Jan Dankert	New UI feature: Show a timeline in the start page.


     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       &.or-timeline-chart {
    23         td {
    24           writing-mode: vertical-lr;
    25           direction: rtl;
    26           font-size: 0.5em;
    27           vertical-align: bottom;
    28           * {background-color: var(--cms-image-color)};
    29         }
    30       }
    31 
    32       &-column-date {
    33         width: 12em;
    34       }
    35       &-column-user {
    36         width: 7em;
    37       }
    38       &-column-action {
    39         width: 5em;
    40       }
    41       &-column-auto {
    42         width: auto;
    43         max-width: 0;
    44       }
    45 
    46         &-area {
    47 
    48             /* Responsive Tables */
    49             @media screen and (max-width: 40em) {
    50 
    51                 overflow-x: auto;
    52             }
    53 
    54         }
    55 
    56         &-filter {
    57             width: 100%;
    58             text-align: right;
    59 
    60             &-input {
    61                 .border-radius(3px);
    62                 padding: 0.3em;
    63                 margin: 0 1em;
    64                 border: 1px solid @color-overridden-by-theme;
    65                 width:7.5em;
    66             }
    67         }
    68 
    69         tr.or-headline > td,
    70 
    71         tr {
    72             padding:0.3em;
    73 
    74           .or-row--on-hover {
    75             visibility: hidden;
    76             @media @smartphones {
    77               visibility: visible;
    78             }
    79           }
    80           &:hover .or-row--on-hover {
    81             visibility: visible;
    82           }
    83         }
    84 
    85         tr > th {
    86 
    87             padding: 3px;
    88             font-weight: bold;
    89 
    90             &.or-sort-asc > span:last-child:after {
    91                 content: " \2193";
    92             }
    93             &.or-sort-desc > span:last-child:after {
    94                 content: " \2191";
    95             }
    96         }
    97 
    98         tr.or-data > td {
    99             padding: 3px;
   100         }
   101 
   102         tr > td {
   103             white-space: nowrap;
   104             text-overflow: ellipsis;
   105             overflow: hidden;
   106             //max-width: 0;
   107         }
   108 
   109         td.or-readonly {
   110             font-style: italic;
   111             font-weight: normal;
   112         }
   113         td.or-default {
   114             font-style: normal;
   115             font-weight: normal;
   116         }
   117         td.or-changed {
   118             font-style: normal;
   119             font-weight: bold;
   120         }
   121 
   122         td:hover > div.or-onrowvisible {
   123             visibility: visible;
   124         }
   125 
   126         /* Hilfe-Texte */
   127         tr td.or-help {
   128             font-style: italic;
   129         }
   130 
   131         tr.or-headline td.or-help {
   132             /*
   133             border-bottom:1px solid @color-overridden-by-theme;
   134             */
   135             font-style: normal;
   136 
   137         }
   138 
   139         &-sort-value {
   140             display: none;
   141         }
   142     }
   143 }



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


History
Sun, 5 Jan 2025 23:14:07 +0100	Jan Dankert	New UI feature: Show a timeline in the start page.
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.