Browse Source

[simple theme] dynamic border radius in CSS

mrpaulblack 3 years ago
parent
commit
7a0f5e6b19

+ 2 - 2
searx/static/themes/simple/src/less/search.less

@@ -133,7 +133,7 @@
   .ltr-padding-right(0) !important;
   .ltr-border-right(none);
   width: @search-width;
-  .ltr-rounded-left-corners();
+  .ltr-rounded-left-corners(10px);
 }
 
 #q::-ms-clear,
@@ -143,7 +143,7 @@
 
 #send_search {
   .ltr-border-left(none);
-  .ltr-rounded-right-corners();
+  .ltr-rounded-right-corners(10px);
 
   &:hover {
     cursor: pointer;

+ 2 - 2
searx/static/themes/simple/src/less/style-ltr.less

@@ -42,11 +42,11 @@
   text-align: right;
 }
 
-.ltr-rounded-left-corners(@radius: 10px) {
+.ltr-rounded-left-corners(@radius) {
   border-radius: @radius 0 0 @radius;
 }
 
-.ltr-rounded-right-corners(@radius: 10px) {
+.ltr-rounded-right-corners(@radius) {
   border-radius: 0 @radius @radius 0;
 }
 

+ 2 - 2
searx/static/themes/simple/src/less/style-rtl.less

@@ -42,11 +42,11 @@
   text-align: left;
 }
 
-.ltr-rounded-left-corners(@radius: 10px) {
+.ltr-rounded-left-corners(@radius) {
   border-radius: 0 @radius @radius 0;
 }
 
-.ltr-rounded-right-corners(@radius: 10px) {
+.ltr-rounded-right-corners(@radius) {
   border-radius: @radius 0 0 @radius;
 }
 

+ 1 - 1
searx/static/themes/simple/src/less/style.less

@@ -141,7 +141,7 @@ a {
 article[data-vim-selected] {
   background: var(--color-result-vim-selected);
   .ltr-border-left(0.2rem solid var(--color-result-vim-arrow));
-  .ltr-rounded-right-corners();
+  .ltr-rounded-right-corners(10px);
 }
 
 article.result-images[data-vim-selected] {