Issue 5873 - Show original subscription title in languages table

skin/desktop-options.css

 /*
  * This file is part of Adblock Plus <https://adblockplus.org/>,
  * Copyright (C) 2006-present eyeo GmbH
  *
  * Adblock Plus is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License version 3 as
  * published by the Free Software Foundation.
  *
  * Adblock Plus is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 869 matching lines @@
 {
   padding: 0.5rem 1rem;
   margin: 0rem;
 }
 
 .table.list.bottom-control li:last-of-type
 {
   border-bottom: 0px;
 }
 
-li .display
+.list li > span
 {
   margin: 0rem 1rem;
 }
 
-.table.list li .display
+.table.list li > span
 {
   flex: 1;
   margin: 0rem;
 }
 
 .table.list li.empty-placeholder
 {
   padding: 1rem 1.4rem;
 }
 
@@ skipping 69 matching lines @@
 .th .col5:nth-of-type(5),
 .table .col5:nth-of-type(5)
 {
   flex: 1;
   -moz-margin-start: 0;
   -webkit-margin-start: 0;
   -moz-margin-end: 1.8rem;
   -webkit-margin-end: 1.8rem;
 }
 
-.table.cols .display
+.table.cols > span
 {
   margin: 0rem;
 }
 
 .table.cols li
 {
   padding: 0.5rem 0rem;
 }
 
 .table.cols .state
@@ skipping 27 matching lines @@
   height: auto; 
   padding: 1.1rem 1rem;
 }
 
 #dialog .table.list li button:hover,
 #dialog .table.list li button:focus
 {
   background-color: #E1F2FA;
 }
 
-#dialog .table.list li button[aria-checked="true"]
+#dialog .table.list li button[aria-checked="true"],
+.table.list li .dim

[ire, 2018/01/05 09:23:46]

NIT: I don't think the classname "dim" is very clear (I don't know what it means
actually)

[saroyanm, 2018/01/05 12:02:17]

I used it as current meaning -> "make or become less bright or distinct".

I still can use "EM" instead and style it not to look Italic, if you agree with
my previous comments, that EM can fit here as well ?

I can use also <small>, but that will require font-size adjustments which I
would avoid. 

Do you have a suggestion ? Or strong preference  ?

[ire, 2018/01/08 10:38:35]

Oh haha I assumed it was an acronym for something, not literally the word "dim".
Your class name makes sense then, I was the one that misunderstood. Although, a
common class name for the "dimmed" items is "muted", so perhaps you can use that
instead?

You could also stick with dim, or even call it "dimmed" so its more clear that
you're using the word and it's not an acronym. 

[saroyanm, 2018/01/08 12:53:57]

I used Dim, as an adjective ->
https://dictionary.cambridge.org/dictionary/english/dim

ex.: The lamp gave out a dim light.

But I changed it to dimmed, so it will be more obvious what it was meant here.

[ire, 2018/01/08 15:16:18]

Yes I get that now. Thank you!

 {
   color: #BBB;

[ire, 2018/01/05 09:23:45]

This is not relative for this issue, but the contrast ratio for this colour
against the white background is only 1.2 . Please bring this up with Jeen
separately

[saroyanm, 2018/01/05 12:02:17]

Right, we have an issue already filed for that ->
https://gitlab.com/eyeo/spec/issues/70

[ire, 2018/01/08 10:38:35]

Thank you

 }
 
-#dialog .table.list li button .display
+#dialog .table.list li button > span
 {
   flex: none;
   margin: 0rem 0.8rem;
   text-transform: none;
   font-weight: 400;
 }
 
 /*
   Tooltips
 */
@@ skipping 461 matching lines @@
   font-size: 1rem;
   color: #077CA6;
   background-color: #E1F2FA;
 }
 
 #notification strong
 {
   flex: 1;
   text-align: center;
 }