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

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


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



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


History
Sun, 5 Jan 2025 23:14:07 +0100	Jan Dankert	New UI feature: Show a timeline in the start page.
Sun, 13 Oct 2024 13:17:32 +0200	Jan Dankert	New Minifier for CSS and JS: Leave JS Linebreaks as they are (for better debugging); Exploded CSS files (instead of a combined one), LESS is necessary but should be avoided in the future.