jodit-pro/es2021/plugins/translate/translate.css

PRO Version of Jodit Editor

/*!
 * jodit-pro - PRO Version of Jodit Editor
 * Author: Chupurnov Valerii <chupurnov@gmail.com>
 * Version: v4.9.27
 * Url: https://xdsoft.net/jodit/pro/
 * License(s): SEE LICENSE IN LICENSE.md
 */
	
.jodit-ui-translate-settings {
  display: flex;
  height: 100%;
  min-height: 300px;
  justify-content: stretch;
  padding: var(--jd-padding-default) var(--jd-padding-default) 0;
}
.jodit-ui-translate-settings__arrow {
  display: flex;
  width: 30px;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.jodit-ui-translate-settings__arrow a {
  display: block;
  width: 100%;
}
.jodit-ui-translate-settings__arrow svg {
  cursor: pointer;
  fill: var(--jd-color-background-gray);
  transition: 0.2s linear transform;
}
.jodit-ui-translate-settings__arrow svg:hover {
  fill: var(--jd-color-background-active);
}
.jodit-ui-translate-settings__arrow svg:active {
  transform: scale(1.15, 1.15);
}
.jodit-ui-translate-settings__list {
  width: calc(50% - 15px);
}

.jodit-ui-translate-list {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.jodit-ui-translate-list__list {
  overflow: auto;
  box-sizing: border-box;
  flex: 1;
  flex-wrap: nowrap;
  border: 1px solid var(--jd-color-border);
  cursor: pointer;
  font-size: 14px;
}
.jodit-ui-translate-list__item {
  display: flex;
  color: var(--jd-color-gray-dark);
  line-height: 16px;
}
.jodit-ui-translate-list__item[data-active='true'],
.jodit-ui-translate-list__item:hover {
  background-color: var(--jd-color-background-active);
  color: #fff;
}
.jodit-ui-translate-list__item:focus {
  outline: 2px solid var(--jd-color-background-active);
}
.jodit-ui-translate-list__item[data-hidden='true'] {
  display: none;
}
.jodit-ui-translate-list__item-key {
  box-sizing: border-box;
  flex: 0 0 40px;
  padding: 7px 5px;
  background-color: var(--jd-color-background-light-gray);
  font-size: 13px;
  pointer-events: none;
  text-align: center;
}
.jodit-ui-translate-list__item[data-active='true'] .jodit-ui-translate-list__item-key,
.jodit-ui-translate-list__item:hover .jodit-ui-translate-list__item-key {
  background-color: var(--jd-color-background-active);
}
.jodit-ui-translate-list__item-title {
  flex: 1 1 auto;
  padding: 7px;
  pointer-events: none;
}