espocrm-extensions/espocrm-base
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

border-radios fixes for rtl theme (#2676)

Browse Source 
* border-radios fixes for rtl theme

* RTL: improve the fix of rounded borders

* RTL: use css variable for radios

---------

Co-authored-by: Eymen Elkum <eymen@eblasoft.com.tr>
This commit is contained in:
Eymen Elkum
2023-03-29 08:04:07 +03:00
committed by GitHub
parent 94321b3500
commit cf1692a8a4
6 changed files with 74 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/less/espo-rtl/bootstrap-rtl/input-groups-rtl.less
+1 -1
View File
@@ -21,7 +21,7 @@
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
.border-right-radius(@border-radius-base);
.border-right-radius(var(--border-radius));
.border-left-radius(0);
}
.input-group-addon:first-child {
frontend/less/espo-rtl/custom.less
+67
View File
@@ -356,15 +356,82 @@ table.table-admin-panel tr > td:first-child > div > a {
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 {
frontend/less/espo-rtl/variables.less
+1 -1
View File
@@ -1,3 +1,3 @@
@border-radius-value: 0;
@border-radius-value: 5px;
@panel-border-radius-value: 5px;
@dropdown-border-radius-value: 3px;
frontend/less/espo/custom.less
-2
View File
@@ -826,8 +826,6 @@ div.list-kanban > div > table {
input.global-search-input {
padding-right: 10px;
border-top-right-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.global-search-button {
frontend/less/espo/layout-side.less
+1 -2
View File
@@ -753,8 +753,7 @@ body[data-navbar="side"] {
@media screen and (min-width: @screen-sm-min) {
input.global-search-input {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
}
#global-search-panel {
frontend/less/espo/layout-top.less
+4
View File
@@ -90,6 +90,10 @@ body:not([data-navbar="side"]) {
}
}
input.global-search-input {
border-radius: var(--border-radius) !important;
}
.navbar-brand {
padding: 0;
width: @logo-width;