This repository has been archived on 2026-07-19. You can view files and clone it. You cannot open issues or pull requests or push a commit.
Files
espocrm-base/frontend/less/espo-rtl/custom.less
T
Yuri Kuznetsov 46b7c20a81 style fix
2023-12-23 13:10:32 +02:00

530 lines
11 KiB
Plaintext

.dropdown-menu {
left: auto;
right: 0;
}
.dropdown-menu-right {
left: 0;
right: auto;
}
.dropdown-menu-left {
left: auto;
right: 0;
}
.list .checkbox-dropdown {
margin-left: -0;
margin-right: 0;
right: 16px;
}
.list-buttons-container > div {
float: right;
margin-left: @panel-padding;
margin-right: 0;
}
.list-buttons-container > div.total-count {
margin-left: 0;
margin-right: 0;
float: left;
padding: 6px 0;
}
li .preset .pull-right {
float: left !important;
}
.preset > div {
padding-right: 0;
padding-left: 26px;
}
ul.dropdown-menu > li.checkbox {
padding: 3px 20px 3px 0;
}
.remove-filter.pull-right {
float: left !important;
}
.modal-body > div > .list > table td:first-child,
.modal-body > div > .list > table th:first-child {
padding-right: @panel-padding;
padding-left: @table-cell-padding / 2;
}
.modal-body > div > .list > table td:last-child,
.modal-body > div > .list > table th:last-child {
padding-left: @panel-padding;
padding-right: @table-cell-padding / 2;
}
#main > .list-container > .list {
margin-left: -@container-padding;
margin-right: -@container-padding;
}
#main > .list-container > .list > table td:first-child,
#main > .list-container > .list > table th:first-child {
padding-right: @panel-padding;
padding-left: @table-cell-padding / 2;
}
#main > .list-container > .list > table td:last-child,
#main > .list-container > .list > table th:last-child {
padding-left: @panel-padding;
padding-right: @table-cell-padding / 2;
}
.panel-body .no-side-margin {
> table td:first-child,
> table th:first-child {
padding-right: @panel-padding;
padding-left: @table-cell-padding / 2;
}
> table td:last-child,
> table th:last-child {
padding-left: @panel-padding;
padding-right: @table-cell-padding / 2;
}
}
.panel > .panel-heading > .btn-group {
right: 0;
}
.modal-footer .btn {
float: right;
}
.detail-button-container > .pull-right,
.edit-button-container > .pull-right
{
float: left !important;
}
.header-buttons.pull-right {
float: left !important;
}
.header-breadcrumbs > .pull-left {
float: right !important;
}
.calendar-container .range-switch-group .btn {
direction: ltr;
}
.calendar-container .button-container > div > div.pull-right {
float: left !important;
}
.dropdown-menu > li > a > span.pull-right {
float: left !important;
}
.panel > .panel-heading > .pull-right.btn-group {
float: left !important;
.dropdown-menu {
left: 0;
right: auto;
}
}
.panel-heading > .btn-group {
right: 0;
margin-left: -11px;
}
.panel > .panel-heading > .pull-right.dropdown {
float: left !important;
right: 0;
margin-left: -11px;
.dropdown-menu {
left: 0;
right: auto;
}
}
.panel .panel-heading > a.pull-right {
float: left !important;
}
.cell > a.pull-right {
float: left !important;
}
.inline-save-link {
margin-left: 8px;
}
.inline-cancel-link {
margin-left: 0;
}
td.cell[data-name="buttons"] > .btn-group {
margin-right: -17px;
}
#main > .list-container > .list > table td.cell[data-name="buttons"] > .btn-group {
margin-right: -14px;
}
.list-expanded > .list-group > .list-group-item > .pull-right {
float: left !important;
}
.list-expanded > .list-group > .list-group-item > .pull-right > .list-row-buttons {
float: left !important;
margin-right: 0;
margin-left: -16px;
}
.link-container > .list-group-item > .pull-right {
float: left !important;
}
.link-container > .list-group-item > .pull-left > .pull-right {
float: left !important;
}
.link-container > .list-group-item > .pull-left {
float: right !important;
}
.field .link-container .list-group-item.link-with-role a {
margin-right: 14px;
}
#global-search-panel {
left: 35px;
right: auto;
}
#notifications-panel {
left: 0;
right: auto;
.panel .panel-heading .pull-right {
float: left !important;
}
}
.page-header > div.row > div > .pull-right {
float: left !important;
}
.grid-stack {
direction: ltr;
}
.grid-stack > div {
direction: rtl;
}
.dynamic-logic-expression-container {
.pull-right {
float: left !important;
}
}
#fields-panel .cell .field {
.pull-right {
float: left !important;
}
}
.gray-box {
.pull-right {
float: left !important;
}
}
.panel.dashlet > .panel-heading > .btn-group {
right: 0;
left: -10px;
}
.dropdown-menu-with-icons li .item-text {
padding-left: 0;
padding-right: 8px;
}
.panel {
> .panel-heading {
> .link-group {
> a {
padding-right: 20px;
}
float: left;
}
}
}
.dropdown-menu-with-icons li a {
padding-right: 10px;
padding-left: 20px;
}
.post-container {
.stream-post-preview {
margin-right: 0;
margin-left: 10px;
}
}
.link-multiple-item {
.link-multiple-item-icon {
margin-left: 4px;
margin-right: 0;
}
}
.link-field-icon {
margin-left: 4px;
margin-right: 0;
}
.array-add-list-group > li {
input[type="checkbox"] {
margin-left: 0;
margin-right: 10px;
}
}
@media screen and (max-width: (@screen-sm-min - 1px)) {
.search-row .search-right-buttons-group {
float: left;
}
}
div.list-kanban > div > table {
th.group-header {
> div {
.create-button {
float: left;
right: auto;
left: 14px;
}
}
}
}
.modal-header .collapse-button {
float: left;
}
.collapsed-modal-bar {
> .collapsed-modal {
.title-container {
float: right !important;
}
.close-container {
float: left !important;
}
}
}
.list-group-side > li {
border-right: 3px solid transparent;
border-left: 0;
padding: 5px 12px 5px 0;
}
.list > table th.action-cell {
a {
left: 11px;
right: auto;
}
}
#main > .list-container > .list > table th.action-cell {
a {
left: 9px;
right: auto;
@media screen and (max-width: (@screen-sm-min - 1px)) {
right: auto;
left: 5px;
}
}
}
table.table-admin-panel tr > td:first-child > div > a {
padding-right: 28px;
padding-left: 10px;
}
.input-group > .input-group-btn:not(:first-child) > .btn:first-child {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-top-left-radius: var(--border-radius) !important;
border-bottom-left-radius: var(--border-radius) !important;
}
.input-group > .input-group-btn:last-child > .form-control:last-child {
border-top-left-radius: var(--border-radius) !important;
border-bottom-left-radius: var(--border-radius) !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.field .input-group > .input-group-btn > button.btn.btn-icon:not(:last-child, .radius-right) {
border-radius: 0 !important;
}
.field .input-group > .input-group-btn > button.btn.btn-icon:last-child {
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}
.field .input-group > input.main-element.form-control:first-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.input-group > .input-group-item,
.input-group {
> .selectize-control {
&.radius-right {
> .selectize-input {
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
&:not(.radius-left) {
> .selectize-input {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
}
}
&.radius-left {
> .selectize-input {
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
&:not(.radius-right) {
> .selectize-input {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
}
}
}
}
.btn {
&.radius-right {
border-top-left-radius: var(--border-radius) !important;
border-bottom-left-radius: var(--border-radius) !important;
&:not(.radius-left) {
.border-right-radius(0) !important;
}
}
&.radius-left {
border-top-right-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
&:not(.radius-right) {
.border-left-radius(0) !important;
}
}
&.margin-right {
margin-left: @padding-base-horizontal;
margin-right: 0;
}
&.margin-left {
margin-right: @padding-base-horizontal;
margin-left: 0;
}
}
.table {
> thead,
> tbody {
> tr {
> th:first-child,
> td:first-child {
padding-right: @padding-base-horizontal;
@media screen and (max-width: (@screen-sm-min - 1px)) {
padding-right: @table-cell-padding;
}
}
> th:last-child,
> td:last-child {
padding-left: @padding-base-horizontal;
@media screen and (max-width: (@screen-sm-min - 1px)) {
padding-left: @table-cell-padding;
}
}
}
}
}
@media screen and (min-width: @screen-sm-min) {
.modal-body .categories-container + .list-container,
.list-categories-column + .list-main-column .list-container,
.folders-container + .list-container {
.list {
> table {
td:last-child, th:last-child {
padding-right: 10px;
}
td.cell[data-name="buttons"] > .btn-group {
margin-right: -17px;
}
}
}
}
}
@media screen and (min-width: @screen-sm-min) {
.folders-container.sticked {
left: unset;
right: 15px;
.list-group-side {
> li {
//margin-left: -15px;
//margin-right: 0;
}
}
}
}
.list > table th[data-name="r-checkbox"] .select-all-container {
float: right;
}
.list .checkbox-dropdown {
right: 4px;
}
.checkbox input[type="checkbox"].form-checkbox {
margin-left: 0;
margin-right: -20px;
}
.selectize-control.single {
.selectize-input {
padding-left: 19px;
padding-right: 10px;
&.dropdown-active:after,
&:after {
left: 8px;
right: unset;
}
}
}