Files
upstream-espocrm/frontend/less/espo/rtl/custom.less
upstream-mirror 7cc7e6b4f3
Some checks failed
Test / Test on PHP 8.3 (push) Failing after 5s
Test / Test on PHP 8.4 (push) Failing after 4s
Test / Test on PHP 8.5 (push) Failing after 3s
TypeScript static analysis / TypeScript check (push) Failing after 14s
Test Integration on PostgreSQL / Test on PHP 8.4 fix (push) Failing after 1s
Test Integration on PostgreSQL / Test on PHP 8.4 master (push) Failing after 1s
Test Integration on MySQL / Test on PHP 8.3 (push) Failing after 2s
Test Integration on MySQL / Test on PHP 8.5 (push) Failing after 0s
snapshot of https://github.com/espocrm/espocrm.git (master, 2026-09-18; blobs > 131072B omitted)
2026-09-18 04:19:15 +05:00

561 lines
12 KiB
Plaintext

.dropdown-menu {
left: auto;
right: 0;
}
.dropdown-menu-right {
left: 0;
right: auto;
}
.dropdown-menu-left {
left: auto;
right: 0;
}
body > .alert.alert-closable {
.message {
float: right;
}
.close-container {
float: left;
}
}
.list .checkbox-dropdown {
margin-right: var(--2px);
margin-left: 0;
}
.list-buttons-container > div {
&.settings-container.pull-right {
float: left !important;
}
&.pagination {
float: left;
}
}
.list-buttons-container > div.total-count {
float: left;
padding: 6px 0;
}
.btn-group > a.pagination-btn {
float: left;
}
li .preset .pull-right {
float: left !important;
}
.preset > div {
padding-right: 0;
padding-left: 26px;
}
ul.dropdown-menu > li.checkbox {
padding: 3px var(--14px) 3px 0;
.checkbox-text {
padding-left: 0;
padding-right: var(--2px);
}
}
.remove-filter.pull-right {
float: left !important;
}
.modal-body > div > .list > table td:first-child,
.modal-body > div > .list > table th:first-child,
#main > .list-container > .list > table td:first-child,
#main > .list-container > .list > table th:first-child,
.panel-body .no-side-margin > table td:first-child,
.panel-body .no-side-margin > table th:first-child {
padding-right: var(--panel-padding);
padding-left: var(--table-cell-padding-half);
}
.modal-body > div > .list > table td:last-child,
.modal-body > div > .list > table th:last-child,
#main > .list-container > .list > table td:last-child,
#main > .list-container > .list > table th:last-child,
.panel-body .no-side-margin > table td:last-child,
.panel-body .no-side-margin > table th:last-child {
padding-left: var(--panel-padding);
padding-right: var(--table-cell-padding-half);
}
#main > .list-container > .list {
margin-left: calc(var(--container-padding) * -1);
margin-right: calc(var(--container-padding) * -1);
}
.panel > .panel-heading > .btn-group {
right: 0;
}
.modal-footer .btn {
float: right;
}
.detail-button-container > .pull-right,
.edit-button-container > .pull-right,
.layout-container > [data-role="layoutRow"] > .btn-group.pull-right,
.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,
.dropdown-menu > li > a > span.pull-right {
float: left !important;
}
.button-container [data-action="previous"],
.button-container [data-action="next"] {
transform: scaleX(-1);
}
.panel > .panel-heading > .pull-right.btn-group,
.panel > .panel-heading > .pull-right.dropdown {
float: left !important;
.dropdown-menu {
left: 0;
right: auto;
}
}
.panel-heading > .btn-group {
right: 0;
margin-left: -11px;
}
.panel > .panel-heading > .pull-right.dropdown {
right: 0;
margin-left: -11px;
}
.panel .panel-heading > a.pull-right,
.cell > a.pull-right {
float: left !important;
}
.cell:has(> .inline-edit-link):has(> .field) .control-label {
float: right;
}
.inline-save-link {
margin-left: 8px;
}
.inline-cancel-link {
margin-left: 0;
}
.cell {
.inline-save-link {
float: left;
margin-left: 0;
margin-right: var(--8px);
}
.inline-cancel-link {
float: left;
margin-left: 0;
margin-right: var(--26px);
}
}
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,
.list-expanded > .list-group > .list-group-item > .pull-right > .list-row-buttons {
float: left !important;
}
.list-expanded > .list-group > .list-group-item > .pull-right > .list-row-buttons {
margin-right: 0;
margin-left: -16px;
}
[data-action="showMore"] .more-count {
float: left !important;
}
.link-container > .list-group-item > .pull-right,
.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,
#last-viewed-panel,
#notifications-panel {
left: 0;
right: auto;
}
#last-viewed-panel > .panel,
#notifications-panel > .panel {
border-top-left-radius: 0;
border-top-right-radius: var(--panel-border-radius);
}
#notifications-panel {
.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,
#fields-panel .cell .field .pull-right,
.gray-box .pull-right {
float: left !important;
}
.panel.dashlet > .panel-heading > .btn-group {
right: 0;
left: -10px;
}
ul {
&.dropdown-menu-with-icons,
&:has( > li > a > .icon-item) {
padding-left: 0;
padding-right: var(--8px);
}
&.dropdown-menu-with-icons,
&:has(> li:not(.hidden) > a span.item-icon) {
> li:not(:has(.item-icon-grid)) {
a {
padding-left: var(--20px);
padding-right: var(--12px);
}
.item-text {
padding-left: 0;
padding-right: var(--10px);
}
}
}
&:has(> li:not(.hidden) > a span.item-icon) {
> li > a:not(:has(span.item-icon)) {
padding-right: var(--28px);
padding-left: var(--20px);
}
}
&.dropdown-menu > li > a > .check-icon + div {
padding-right: 0;
padding-left: var(--26px);
}
}
.panel {
> .panel-heading {
> .link-group {
> a {
padding-right: 20px;
}
float: left;
}
}
}
#navbar .navbar .menu-container {
> ul.dropdown-menu > li > a:has(> .item-user-profile) .avatar {
margin-left: var(--8px);
margin-right: 0;
}
}
.post-container {
.stream-post-preview {
margin-right: 0;
margin-left: 10px;
}
}
.link-multiple-item .link-multiple-item-icon,
.link-field-icon {
margin-left: 4px;
margin-right: 0;
}
.stream-details-container .fa-arrow-right {
transform: scaleX(-1);
}
.array-add-list-group > li {
input[type="checkbox"] {
margin-left: 0;
margin-right: 10px;
}
}
@media screen and (max-width: @screen-xs-max) {
.search-row .search-right-buttons-group {
float: left;
}
}
div.list-kanban > div > table {
.item .panel .item-menu-container {
float: left !important;
}
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-group-tree > li {
padding: 0 var(--panel-padding) 0 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-xs-max) {
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,
.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.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: var(--padding-base-horizontal);
margin-right: 0;
}
&.margin-left {
margin-right: var(--padding-base-horizontal);
margin-left: 0;
}
}
.table {
> thead,
> tbody {
> tr {
> th:first-child,
> td:first-child {
padding-right: var(--padding-base-horizontal);
}
> th:last-child,
> td:last-child {
padding-left: var(--padding-base-horizontal);
}
@media screen and (max-width: @screen-xs-max) {
> th:first-child,
> td:first-child {
padding-right: var(--table-cell-padding);
}
> th:last-child,
> td:last-child {
padding-left: var(--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;
}
}
}
}
.folders-container.sticked {
left: unset;
right: 15px;
}
}
.list > table th[data-name="r-checkbox"] .select-all-container {
float: right;
}
.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;
}
}
}