openrat-cms

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

table.less (2627B)

      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 }