Dotclear

source: admin/style/scss/partials/_tables.scss @ 3763:857d4768935c

Revision 3763:857d4768935c, 1.4 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

Use sass variables for every color used (mainly foreground, background, border)

Line 
1table {
2     .maximal {
3          overflow: hidden;
4          text-overflow: ellipsis;
5          max-width: 1px;
6     }
7     .maximal,
8     &.maximal {
9          width: 100%;
10     }
11     .minimal {
12          width: 1px;
13     }
14     .nowrap {
15          white-space: nowrap;
16          vertical-align: top;
17     }
18     .count {
19          text-align: right;
20          padding-right: 1.5em;
21     }
22}
23
24th.first input {
25     padding-right: 34px;
26}
27
28th,
29tr.line {
30     img {
31          vertical-align: middle;
32          &.expand {
33               margin-right: 6px;
34               margin-bottom: -2px;
35          }
36     }
37}
38
39tr.line {
40     p {
41          margin: 0;
42     }
43     input,
44     select {
45          vertical-align: middle;
46          box-shadow: none;
47     }
48     select {
49          width: 6em;
50     }
51     input[type=text] {
52          background: $line-input-background;
53     }
54     &:hover {
55          background: $line-background-over;
56     }
57     &:focus-within {
58    background-color: $line-focus-background;
59     }
60}
61
62td.status {
63     vertical-align: middle;
64     a {
65          border: none;
66     }
67}
68
69.noborder td,
70td.noborder,
71.noborder th,
72th.noborder {
73     border-width: 0 0 1px 0;
74  border-color: $cell-noborder-color;
75     line-height: 2em;
76     padding-bottom: 0;
77}
78
79.noborder p {
80     margin-bottom: 0;
81}
82
83table.posts-list {
84     min-width: 50%;
85}
86
87table.settings,
88table.prefs {
89     margin-bottom: 3em;
90     th:first-child {
91          width: 20%;
92     }
93     th + th {
94          width: 30%;
95          + th {
96               width: 10%;
97          }
98     }
99     th:last-child {
100          width: 40%;
101     }
102}
103
104
105/* js */
106
107td.expand {
108     padding: 1em;
109     td {
110          border-bottom: none;
111     }
112}
113
114.handle {
115     padding: 0;
116}
117
118.handler {
119     cursor: move;
120     background: transparent url(drag.png) no-repeat 0 50%;
121     padding-left: 15px;
122}
Note: See TracBrowser for help on using the repository browser.

Sites map