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

Last commit: Sun Oct 13 13:17:32 2024 +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.


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



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


History
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.