1// fix problem in dokuwiki template where short sidebar may clip dropdown
2// in the future this should be fixed in the dokuwiki template
3.dokuwiki.tpl_dokuwiki .aside {
4  overflow-y: visible;
5  overflow-x: clip;
6}
7
8// default styles for inline language selector
9.dokuwiki div.plugin_translation {
10  position: relative;
11  text-align: right;
12
13  ul {
14    display: inline;
15
16    margin: 0;
17    padding: 0;
18
19    li {
20      list-style-type: none;
21      display: inline-block;
22
23      margin: 0.25em;
24      padding: 0;
25
26      a:link,
27      a:hover,
28      a:active,
29      a:visited,
30      span {
31        display: block;
32        padding: 0.25em;
33        background-color: #008;
34        color: #fff;
35        text-decoration: none;
36        border: none;
37        white-space: nowrap;
38        text-align: left;
39
40        &.wikilink2 {
41          background-color: #888;
42
43          svg {
44            opacity: 0.5;
45          }
46        }
47
48        svg {
49          height: 1em;
50          margin-right: 0.5em;
51          vertical-align: middle;
52
53        }
54      }
55    }
56  }
57}
58
59
60// overrides for dropdown style language selector
61.dokuwiki div.plugin_translation.is-dropdown {
62  padding-bottom: 2em;
63
64  ul {
65    position: absolute;
66    right: 0;
67    display: flex; // flex allows reordering of elements
68    flex-direction: column;
69
70    // current language is always first
71    li.span {
72      order: -1;
73      cursor: default;
74    }
75
76    li {
77      margin: 0;
78
79      a {
80        display: none;
81      }
82    }
83
84    &:focus-within,
85    &:hover {
86      li {
87        a {
88          display: block;
89        }
90      }
91    }
92  }
93}
94
95table#outdated_translations {
96  td {
97    padding-left: 3px;
98    padding-right: 3px;
99
100    &.missing {
101      background-color: #ff6666;
102    }
103
104    &.outdated {
105      background-color: #ffff66;
106    }
107
108    &.current {
109      background-color: #00CC00;
110    }
111  }
112}
113