Update to jQuery-MiniColors 2.3.4

Fixes color picker issue when using Roundcube in an iframe.

CHANGELOG

@@ -10,6 +10,7 @@ CHANGELOG Roundcube Webmail
 - Ignore 'Sender' header on Reply-All action (#6506)
 - deluser.sh: Add option to delete users who have not logged in for more than X days (#6340)
 - Update to TinyMCE 4.8.2
+- Update to jQuery-MiniColors 2.3.4
 - Prevent from using deprecated timezone names from jsTimezoneDetect
 - Force session.gc_probability=1 when using custom session handlers (#6560)
 - Support simple field labels (e.g. LetterHub examples) in csv imports (#6541)

plugins/jqueryui/themes/elastic/jquery.minicolors.css

@@ -72,12 +72,16 @@
 .minicolors .minicolors-grid {
   position: relative;
   top: 1px;
-  left: 1px;
+  left: 1px; /* LTR */
   width: 150px;
   height: 150px;
+  margin-bottom: 2px;
   background-position: -120px 0;
   cursor: crosshair;
 }
+[dir=rtl] .minicolors .minicolors-grid {
+  right: 1px;
+}
 
 .minicolors .minicolors-grid-inner {
   position: absolute;
@@ -112,13 +116,17 @@
 .minicolors-opacity-slider {
   position: absolute;
   top: 2px;
-  left: 153px;
+  left: 153px; /* LTR */
   width: 20px;
   height: 150px;
   background-color: white;
   background-position: 0 0;
   cursor: row-resize;
 }
+[dir=rtl] .minicolors-slider,
+[dir=rtl] .minicolors-opacity-slider {
+  right: 152px;
+}
 
 .minicolors-slider-saturation .minicolors-slider {
   background-position: -60px 0;
@@ -133,10 +141,13 @@
 }
 
 .minicolors-opacity-slider {
-  left: 173px;
+  left: 173px; /* LTR */
   background-position: -40px 0;
   display: none;
 }
+[dir=rtl] .minicolors-opacity-slider {
+  right: 173px;
+}
 
 .minicolors-with-opacity .minicolors-opacity-slider {
   display: block;
@@ -182,21 +193,33 @@
 /* Swatches */
 .minicolors-swatches,
 .minicolors-swatches li {
-  margin: 5px 0 3px 5px;
+  margin: 5px 0 3px 5px; /* LTR */
   padding: 0;
   list-style: none;
   overflow: hidden;
 }
+[dir=rtl] .minicolors-swatches,
+[dir=rtl] .minicolors-swatches li {
+  margin: 5px 5px 3px 0;
+}
 
 .minicolors-swatches .minicolors-swatch {
   position: relative;
-  float: left;
+  float: left; /* LTR */
   cursor: pointer;
-  margin:0 4px 0 0;
+  margin:0 4px 0 0; /* LTR */
+}
+[dir=rtl] .minicolors-swatches .minicolors-swatch {
+  float: right;
+  margin:0 0 0 4px;
 }
 
 .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
-  margin-right: 7px;
+  margin-right: 7px; /* LTR */
+}
+[dir=rtl] .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
+  margin-right: 0;
+  margin-left: 7px;
 }
 
 .minicolors-swatch.selected {
@@ -215,49 +238,76 @@
 .minicolors-inline .minicolors-panel {
   position: relative;
   top: auto;
-  left: auto;
+  left: auto; /* LTR */
   box-shadow: none;
   z-index: auto;
   display: inline-block;
 }
+[dir=rtl] .minicolors-inline .minicolors-panel {
+  right: auto;
+}
 
 /* Bootstrap theme */
 .minicolors-theme-bootstrap .minicolors-swatch {
   z-index: 2;
   top: 4px;
-  left: 4px;
-  width: 26px;
-  height: 26px;
-  border-radius: .3rem;
+  left: 4px; /* LTR */
+  width: 25px;
+  height: 25px;
+  border-radius: .25rem;
+}
+[dir=rtl] .minicolors-theme-bootstrap .minicolors-swatch {
+  right: 3px;
 }
 .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
   margin-bottom: 2px;
   top: 0;
-  left: 0;
+  left: 0; /* LTR */
   width: 20px;
   height: 20px;
 }
+[dir=rtl] .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
+  right: 0;
+}
 .minicolors-theme-bootstrap .minicolors-swatch-color {
   border-radius: inherit;
 }
 .minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
-  left: auto;
-  right: 3px;
+  left: auto; /* LTR */
+  right: 3px; /* LTR */
+}
+[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left > .minicolors-swatch {
+  right: auto;
+  left: 3px;
 }
 .minicolors-theme-bootstrap .minicolors-input {
-  padding-left: 34px;
+  float: none;
+  padding-left: 36px; /* LTR */
 }
-.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
-  padding-right: 34px;
+[dir=rtl] .minicolors-theme-bootstrap .minicolors-input {
+  text-align: right;
+  unicode-bidi: plaintext;
   padding-left: 12px;
+  padding-right: 34px;
+}
+.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
+  padding-right: 44px; /* LTR */
+  padding-left: 12px; /* LTR */
+}
+[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left .minicolors-input {
+  padding-right: 12px;
+  padding-left: 44px;
 }
 .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
   top: 4px;
-  left: 4px;
+  left: 4px; /* LTR */
   width: 37px;
   height: 37px;
   border-radius: 5px;
 }
+[dir=rtl] .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
+  right: 4px;
+}
 .minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
   width: 24px;
   height: 24px;
@@ -267,6 +317,47 @@
   height: 18px;
 }
 .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
+  border-top-left-radius: 0; /* LTR */
+  border-bottom-left-radius: 0; /* LTR */
+}
+[dir=rtl] .input-group .minicolors-theme-bootstrap .minicolors-input {
+  border-radius: 4px;
+}
+[dir=rtl] .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+[dir=rtl] .input-group .minicolors-theme-bootstrap:not(:last-child) .minicolors-input {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+/* bootstrap input-group rtl override */
+[dir=rtl] .input-group .form-control,
+[dir=rtl] .input-group-addon,
+[dir=rtl] .input-group-btn > .btn,
+[dir=rtl] .input-group-btn > .btn-group > .btn,
+[dir=rtl] .input-group-btn > .dropdown-toggle {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+[dir=rtl] .input-group .form-control:first-child,
+[dir=rtl] .input-group-addon:first-child,
+[dir=rtl] .input-group-btn:first-child > .btn,
+[dir=rtl] .input-group-btn:first-child > .btn-group > .btn,
+[dir=rtl] .input-group-btn:first-child > .dropdown-toggle,
+[dir=rtl] .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+[dir=rtl] .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
+  border-left: 0;
+}
+[dir=rtl] .input-group .form-control:last-child,
+[dir=rtl] .input-group-addon:last-child,
+[dir=rtl] .input-group-btn:last-child > .btn,
+[dir=rtl] .input-group-btn:last-child > .btn-group > .btn,
+[dir=rtl] .input-group-btn:last-child > .dropdown-toggle,
+[dir=rtl] .input-group-btn:first-child > .btn:not(:first-child),
+[dir=rtl] .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }

plugins/jqueryui/themes/elastic/jquery.minicolors.css.orig

@@ -75,12 +75,16 @@
 .minicolors .minicolors-grid {
   position: relative;
   top: 1px;
-  left: 1px;
+  left: 1px; /* LTR */
   width: 150px;
   height: 150px;
+  margin-bottom: 2px;
   background-position: -120px 0;
   cursor: crosshair;
 }
+[dir=rtl] .minicolors .minicolors-grid {
+  right: 1px;
+}
 
 .minicolors .minicolors-grid-inner {
   position: absolute;
@@ -115,13 +119,17 @@
 .minicolors-opacity-slider {
   position: absolute;
   top: 1px;
-  left: 152px;
+  left: 152px; /* LTR */
   width: 20px;
   height: 150px;
   background-color: white;
   background-position: 0 0;
   cursor: row-resize;
 }
+[dir=rtl] .minicolors-slider,
+[dir=rtl] .minicolors-opacity-slider {
+  right: 152px;
+}
 
 .minicolors-slider-saturation .minicolors-slider {
   background-position: -60px 0;
@@ -136,10 +144,13 @@
 }
 
 .minicolors-opacity-slider {
-  left: 173px;
+  left: 173px; /* LTR */
   background-position: -40px 0;
   display: none;
 }
+[dir=rtl] .minicolors-opacity-slider {
+  right: 173px;
+}
 
 .minicolors-with-opacity .minicolors-opacity-slider {
   display: block;
@@ -185,21 +196,33 @@
 /* Swatches */
 .minicolors-swatches,
 .minicolors-swatches li {
-  margin: 5px 0 3px 5px;
+  margin: 5px 0 3px 5px; /* LTR */
   padding: 0;
   list-style: none;
   overflow: hidden;
 }
+[dir=rtl] .minicolors-swatches,
+[dir=rtl] .minicolors-swatches li {
+  margin: 5px 5px 3px 0;
+}
 
 .minicolors-swatches .minicolors-swatch {
   position: relative;
-  float: left;
+  float: left; /* LTR */
   cursor: pointer;
-  margin:0 4px 0 0;
+  margin:0 4px 0 0; /* LTR */
+}
+[dir=rtl] .minicolors-swatches .minicolors-swatch {
+  float: right;
+  margin:0 0 0 4px;
 }
 
 .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
-  margin-right: 7px;
+  margin-right: 7px; /* LTR */
+}
+[dir=rtl] .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
+  margin-right: 0;
+  margin-left: 7px;
 }
 
 .minicolors-swatch.selected {
@@ -218,29 +241,42 @@
 .minicolors-inline .minicolors-panel {
   position: relative;
   top: auto;
-  left: auto;
+  left: auto; /* LTR */
   box-shadow: none;
   z-index: auto;
   display: inline-block;
 }
+[dir=rtl] .minicolors-inline .minicolors-panel {
+  right: auto;
+}
 
 /* Default theme */
 .minicolors-theme-default .minicolors-swatch {
   top: 5px;
-  left: 5px;
+  left: 5px; /* LTR */
   width: 18px;
   height: 18px;
 }
+[dir=rtl] .minicolors-theme-default .minicolors-swatch {
+  right: 5px;
+}
 .minicolors-theme-default .minicolors-swatches .minicolors-swatch {
   margin-bottom: 2px;
   top: 0;
-  left: 0;
+  left: 0; /* LTR */
   width: 18px;
   height: 18px;
 }
+[dir=rtl] .minicolors-theme-default .minicolors-swatches .minicolors-swatch {
+  right: 0;
+}
 .minicolors-theme-default.minicolors-position-right .minicolors-swatch {
-  left: auto;
-  right: 5px;
+  left: auto; /* LTR */
+  right: 5px; /* LTR */
+}
+[dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-swatch {
+  right: auto;
+  left: 5px;
 }
 .minicolors-theme-default.minicolors {
   width: auto;
@@ -250,51 +286,84 @@
   height: 20px;
   width: auto;
   display: inline-block;
-  padding-left: 26px;
+  padding-left: 26px; /* LTR */
 }
-.minicolors-theme-default.minicolors-position-right .minicolors-input {
+[dir=rtl] .minicolors-theme-default .minicolors-input {
+  text-align: right;
+  unicode-bidi: plaintext;
+  padding-left: 1px;
   padding-right: 26px;
-  padding-left: inherit;
+}
+.minicolors-theme-default.minicolors-position-right .minicolors-input {
+  padding-right: 26px; /* LTR */
+  padding-left: inherit; /* LTR */
+}
+[dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-input {
+  padding-right: inherit;
+  padding-left: 26px;
 }
 
 /* Bootstrap theme */
 .minicolors-theme-bootstrap .minicolors-swatch {
   z-index: 2;
   top: 3px;
-  left: 3px;
+  left: 3px; /* LTR */
   width: 28px;
   height: 28px;
   border-radius: 3px;
 }
+[dir=rtl] .minicolors-theme-bootstrap .minicolors-swatch {
+  right: 3px;
+}
 .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
   margin-bottom: 2px;
   top: 0;
-  left: 0;
+  left: 0; /* LTR */
   width: 20px;
   height: 20px;
 }
+[dir=rtl] .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
+  right: 0;
+}
 .minicolors-theme-bootstrap .minicolors-swatch-color {
   border-radius: inherit;
 }
 .minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
-  left: auto;
-  right: 3px;
+  left: auto; /* LTR */
+  right: 3px; /* LTR */
+}
+[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left > .minicolors-swatch {
+  right: auto;
+  left: 3px;
 }
 .minicolors-theme-bootstrap .minicolors-input {
   float: none;
-  padding-left: 44px;
+  padding-left: 44px; /* LTR */
 }
-.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
-  padding-right: 44px;
+[dir=rtl] .minicolors-theme-bootstrap .minicolors-input {
+  text-align: right;
+  unicode-bidi: plaintext;
   padding-left: 12px;
+  padding-right: 44px;
+}
+.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
+  padding-right: 44px; /* LTR */
+  padding-left: 12px; /* LTR */
+}
+[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left .minicolors-input {
+  padding-right: 12px;
+  padding-left: 44px;
 }
 .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
   top: 4px;
-  left: 4px;
+  left: 4px; /* LTR */
   width: 37px;
   height: 37px;
   border-radius: 5px;
 }
+[dir=rtl] .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
+  right: 4px;
+}
 .minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
   width: 24px;
   height: 24px;
@@ -304,16 +373,60 @@
   height: 18px;
 }
 .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
+  border-top-left-radius: 0; /* LTR */
+  border-bottom-left-radius: 0; /* LTR */
+}
+[dir=rtl] .input-group .minicolors-theme-bootstrap .minicolors-input {
+  border-radius: 4px;
+}
+[dir=rtl] .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+[dir=rtl] .input-group .minicolors-theme-bootstrap:not(:last-child) .minicolors-input {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+/* bootstrap input-group rtl override */
+[dir=rtl] .input-group .form-control,
+[dir=rtl] .input-group-addon,
+[dir=rtl] .input-group-btn > .btn,
+[dir=rtl] .input-group-btn > .btn-group > .btn,
+[dir=rtl] .input-group-btn > .dropdown-toggle {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+[dir=rtl] .input-group .form-control:first-child,
+[dir=rtl] .input-group-addon:first-child,
+[dir=rtl] .input-group-btn:first-child > .btn,
+[dir=rtl] .input-group-btn:first-child > .btn-group > .btn,
+[dir=rtl] .input-group-btn:first-child > .dropdown-toggle,
+[dir=rtl] .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+[dir=rtl] .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
+  border-left: 0;
+}
+[dir=rtl] .input-group .form-control:last-child,
+[dir=rtl] .input-group-addon:last-child,
+[dir=rtl] .input-group-btn:last-child > .btn,
+[dir=rtl] .input-group-btn:last-child > .btn-group > .btn,
+[dir=rtl] .input-group-btn:last-child > .dropdown-toggle,
+[dir=rtl] .input-group-btn:first-child > .btn:not(:first-child),
+[dir=rtl] .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
 /* Semantic Ui theme */
 .minicolors-theme-semanticui .minicolors-swatch {
   top: 0;
-  left: 0;
+  left: 0; /* LTR */
   padding: 18px;
 }
+[dir=rtl] .minicolors-theme-semanticui .minicolors-swatch {
+  right: 0;
+}
 .minicolors-theme-semanticui input {
   text-indent: 30px;
 }

plugins/jqueryui/themes/larry/jquery.minicolors.css

@@ -75,12 +75,16 @@
 .minicolors .minicolors-grid {
   position: relative;
   top: 1px;
-  left: 1px;
+  left: 1px; /* LTR */
   width: 150px;
   height: 150px;
+  margin-bottom: 2px;
   background-position: -120px 0;
   cursor: crosshair;
 }
+[dir=rtl] .minicolors .minicolors-grid {
+  right: 1px;
+}
 
 .minicolors .minicolors-grid-inner {
   position: absolute;
@@ -115,13 +119,17 @@
 .minicolors-opacity-slider {
   position: absolute;
   top: 1px;
-  left: 152px;
+  left: 152px; /* LTR */
   width: 20px;
   height: 150px;
   background-color: white;
   background-position: 0 0;
   cursor: row-resize;
 }
+[dir=rtl] .minicolors-slider,
+[dir=rtl] .minicolors-opacity-slider {
+  right: 152px;
+}
 
 .minicolors-slider-saturation .minicolors-slider {
   background-position: -60px 0;
@@ -136,10 +144,13 @@
 }
 
 .minicolors-opacity-slider {
-  left: 173px;
+  left: 173px; /* LTR */
   background-position: -40px 0;
   display: none;
 }
+[dir=rtl] .minicolors-opacity-slider {
+  right: 173px;
+}
 
 .minicolors-with-opacity .minicolors-opacity-slider {
   display: block;
@@ -185,21 +196,33 @@
 /* Swatches */
 .minicolors-swatches,
 .minicolors-swatches li {
-  margin: 5px 0 3px 5px;
+  margin: 5px 0 3px 5px; /* LTR */
   padding: 0;
   list-style: none;
   overflow: hidden;
 }
+[dir=rtl] .minicolors-swatches,
+[dir=rtl] .minicolors-swatches li {
+  margin: 5px 5px 3px 0;
+}
 
 .minicolors-swatches .minicolors-swatch {
   position: relative;
-  float: left;
+  float: left; /* LTR */
   cursor: pointer;
-  margin:0 4px 0 0;
+  margin:0 4px 0 0; /* LTR */
+}
+[dir=rtl] .minicolors-swatches .minicolors-swatch {
+  float: right;
+  margin:0 0 0 4px;
 }
 
 .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
-  margin-right: 7px;
+  margin-right: 7px; /* LTR */
+}
+[dir=rtl] .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
+  margin-right: 0;
+  margin-left: 7px;
 }
 
 .minicolors-swatch.selected {
@@ -218,29 +241,42 @@
 .minicolors-inline .minicolors-panel {
   position: relative;
   top: auto;
-  left: auto;
+  left: auto; /* LTR */
   box-shadow: none;
   z-index: auto;
   display: inline-block;
 }
+[dir=rtl] .minicolors-inline .minicolors-panel {
+  right: auto;
+}
 
 /* Default theme */
 .minicolors-theme-default .minicolors-swatch {
   top: 5px;
-  left: 5px;
+  left: 5px; /* LTR */
   width: 18px;
   height: 18px;
 }
+[dir=rtl] .minicolors-theme-default .minicolors-swatch {
+  right: 5px;
+}
 .minicolors-theme-default .minicolors-swatches .minicolors-swatch {
   margin-bottom: 2px;
   top: 0;
-  left: 0;
+  left: 0; /* LTR */
   width: 18px;
   height: 18px;
 }
+[dir=rtl] .minicolors-theme-default .minicolors-swatches .minicolors-swatch {
+  right: 0;
+}
 .minicolors-theme-default.minicolors-position-right .minicolors-swatch {
-  left: auto;
-  right: 5px;
+  left: auto; /* LTR */
+  right: 5px; /* LTR */
+}
+[dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-swatch {
+  right: auto;
+  left: 5px;
 }
 .minicolors-theme-default.minicolors {
   width: auto;
@@ -250,51 +286,84 @@
   height: 20px;
   width: auto;
   display: inline-block;
-  padding-left: 26px;
+  padding-left: 26px; /* LTR */
 }
-.minicolors-theme-default.minicolors-position-right .minicolors-input {
+[dir=rtl] .minicolors-theme-default .minicolors-input {
+  text-align: right;
+  unicode-bidi: plaintext;
+  padding-left: 1px;
   padding-right: 26px;
-  padding-left: inherit;
+}
+.minicolors-theme-default.minicolors-position-right .minicolors-input {
+  padding-right: 26px; /* LTR */
+  padding-left: inherit; /* LTR */
+}
+[dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-input {
+  padding-right: inherit;
+  padding-left: 26px;
 }
 
 /* Bootstrap theme */
 .minicolors-theme-bootstrap .minicolors-swatch {
   z-index: 2;
   top: 3px;
-  left: 3px;
+  left: 3px; /* LTR */
   width: 28px;
   height: 28px;
   border-radius: 3px;
 }
+[dir=rtl] .minicolors-theme-bootstrap .minicolors-swatch {
+  right: 3px;
+}
 .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
   margin-bottom: 2px;
   top: 0;
-  left: 0;
+  left: 0; /* LTR */
   width: 20px;
   height: 20px;
 }
+[dir=rtl] .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
+  right: 0;
+}
 .minicolors-theme-bootstrap .minicolors-swatch-color {
   border-radius: inherit;
 }
 .minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
-  left: auto;
-  right: 3px;
+  left: auto; /* LTR */
+  right: 3px; /* LTR */
+}
+[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left > .minicolors-swatch {
+  right: auto;
+  left: 3px;
 }
 .minicolors-theme-bootstrap .minicolors-input {
   float: none;
-  padding-left: 44px;
+  padding-left: 44px; /* LTR */
 }
-.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
-  padding-right: 44px;
+[dir=rtl] .minicolors-theme-bootstrap .minicolors-input {
+  text-align: right;
+  unicode-bidi: plaintext;
   padding-left: 12px;
+  padding-right: 44px;
+}
+.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
+  padding-right: 44px; /* LTR */
+  padding-left: 12px; /* LTR */
+}
+[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left .minicolors-input {
+  padding-right: 12px;
+  padding-left: 44px;
 }
 .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
   top: 4px;
-  left: 4px;
+  left: 4px; /* LTR */
   width: 37px;
   height: 37px;
   border-radius: 5px;
 }
+[dir=rtl] .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
+  right: 4px;
+}
 .minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
   width: 24px;
   height: 24px;
@@ -304,16 +373,60 @@
   height: 18px;
 }
 .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
+  border-top-left-radius: 0; /* LTR */
+  border-bottom-left-radius: 0; /* LTR */
+}
+[dir=rtl] .input-group .minicolors-theme-bootstrap .minicolors-input {
+  border-radius: 4px;
+}
+[dir=rtl] .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+[dir=rtl] .input-group .minicolors-theme-bootstrap:not(:last-child) .minicolors-input {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+/* bootstrap input-group rtl override */
+[dir=rtl] .input-group .form-control,
+[dir=rtl] .input-group-addon,
+[dir=rtl] .input-group-btn > .btn,
+[dir=rtl] .input-group-btn > .btn-group > .btn,
+[dir=rtl] .input-group-btn > .dropdown-toggle {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+[dir=rtl] .input-group .form-control:first-child,
+[dir=rtl] .input-group-addon:first-child,
+[dir=rtl] .input-group-btn:first-child > .btn,
+[dir=rtl] .input-group-btn:first-child > .btn-group > .btn,
+[dir=rtl] .input-group-btn:first-child > .dropdown-toggle,
+[dir=rtl] .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+[dir=rtl] .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
+  border-left: 0;
+}
+[dir=rtl] .input-group .form-control:last-child,
+[dir=rtl] .input-group-addon:last-child,
+[dir=rtl] .input-group-btn:last-child > .btn,
+[dir=rtl] .input-group-btn:last-child > .btn-group > .btn,
+[dir=rtl] .input-group-btn:last-child > .dropdown-toggle,
+[dir=rtl] .input-group-btn:first-child > .btn:not(:first-child),
+[dir=rtl] .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
 /* Semantic Ui theme */
 .minicolors-theme-semanticui .minicolors-swatch {
   top: 0;
-  left: 0;
+  left: 0; /* LTR */
   padding: 18px;
 }
+[dir=rtl] .minicolors-theme-semanticui .minicolors-swatch {
+  right: 0;
+}
 .minicolors-theme-semanticui input {
   text-indent: 30px;
 }

skins/elastic/styles/widgets/jqueryui.less

@@ -409,10 +409,6 @@
         border-left: 0;
         border-right: 0;
     }
-
-    .minicolors-swatch {
-        height: 25px !important;
-    }
 }
 
 @media screen and (max-width: @screen-width-mini) {