style.less

// fix problem in dokuwiki template where short sidebar may clip dropdown
// in the future this should be fixed in the dokuwiki template
.dokuwiki.tpl_dokuwiki .aside {
  overflow-y: visible;
  overflow-x: clip;
}

// default styles for inline language selector
.dokuwiki div.plugin_translation {
  position: relative;
  text-align: right;

  ul {
    display: inline;

    margin: 0;
    padding: 0;

    li {
      list-style-type: none;
      display: inline-block;

      margin: 0.25em;
      padding: 0;

      a:link,
      a:hover,
      a:active,
      a:visited,
      span {
        display: block;
        padding: 0.25em;
        background-color: #008;
        color: #fff;
        text-decoration: none;
        border: none;
        white-space: nowrap;
        text-align: left;

        &.wikilink2 {
          background-color: #888;

          svg {
            opacity: 0.5;
          }
        }

        svg {
          height: 1em;
          margin-right: 0.5em;
          vertical-align: middle;

        }
      }
    }
  }
}


// overrides for dropdown style language selector
.dokuwiki div.plugin_translation.is-dropdown {
  padding-bottom: 2em;

  ul {
    position: absolute;
    right: 0;
    display: flex; // flex allows reordering of elements
    flex-direction: column;

    // current language is always first
    li.span {
      order: -1;
      cursor: default;
    }

    li {
      margin: 0;

      a {
        display: none;
      }
    }

    &:focus-within,
    &:hover {
      li {
        a {
          display: block;
        }
      }
    }
  }
}

table#outdated_translations {
  td {
    padding-left: 3px;
    padding-right: 3px;

    &.missing {
      background-color: #ff6666;
    }

    &.outdated {
      background-color: #ffff66;
    }

    &.current {
      background-color: #00CC00;
    }
  }
}