Issue 5779 - Missing checkbox in language dialog and persistent validation

skin/new-options.css

Index: skin/new-options.css
===================================================================
--- a/skin/new-options.css
+++ b/skin/new-options.css
@@ -350,7 +350,7 @@
 }
 
 [data-validation] .floating-input input:focus:invalid ~ .attention::before,

[saroyanm, 2017/09/26 18:40:52]

Making invalid errors being persistent with current implementation is not
trivial.
The only way with current implementation I could have done it is by checking if
:placeholder-shown persist, which is true whenever the input is empty.

Anyway Jeen initial concern was about valid inputs being persistent.
I'll double check with her regarding the invalid inputs, but for the scope of
this issue having only valid inputs persistent I think should be fine.

[ire, 2017/09/28 07:33:44]

Acknowledged.

-[data-validation] .floating-input input:focus:valid ~ .attention::before
+[data-validation] .floating-input input:valid ~ .attention::before
 {
   content: "";
   position: absolute;
@@ -364,7 +364,7 @@
 }
 
 html[dir="rtl"] [data-validation] .floating-input input:focus:invalid ~ .attention::before,
-html[dir="rtl"] [data-validation] .floating-input input:focus:valid ~ .attention::before
+html[dir="rtl"] [data-validation] .floating-input input:valid ~ .attention::before
 {
   left: 0rem;
   right: auto;
@@ -377,7 +377,7 @@
   mask: url(icons/attention.svg);
 }
 
-[data-validation] .floating-input input:focus:valid ~ .attention::before
+[data-validation] .floating-input input:valid ~ .attention::before
 {
   top: 0.8rem;
   background-color: green;
@@ -1137,6 +1137,7 @@
   padding: 1rem 0rem;
   color: #099CD0;
   font-size: 1.1rem;
+  font-weight: 700;

[saroyanm, 2017/09/26 18:40:52]

Font-weight context menu items were different and Update and Delete button were
looking emphasized, so I made that consistent as well within this issue.

[ire, 2017/09/28 07:33:44]

Acknowledged.

   text-transform: none;
 }