jodit-pro
Version:
PRO Version of Jodit Editor
92 lines (88 loc) • 2.27 kB
CSS
/*!
* 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;
}