Fix style : bouton plus facilement repérable

lovasoa · Feb 23, 2024 · 8b24c26 · 8b24c26
1 parent 0a2f9f3
commit 8b24c26
Show file tree

Hide file tree

Showing 13 changed files with 85 additions and 32 deletions.
diff --git a/ophirofox/content_scripts/demorgen.css b/ophirofox/content_scripts/demorgen.css
@@ -1,5 +1,11 @@
 .ophirofox-europresse {
     display: block;
-    margin-top: 1rem;
+    width: 12vw;
+    margin: 1rem auto;
+    padding: 0.25rem;
+    border-radius: 0.3rem;
+    background-color: #ffc700;
+    color: #000 !important;
     text-align: center;
+    text-decoration: none;
 }
diff --git a/ophirofox/content_scripts/demorgen.js b/ophirofox/content_scripts/demorgen.js
@@ -25,6 +25,7 @@ async function onLoad() {
                 const newClassState = mutation.target.classList.contains('js-tm-backdrop-active');
                 if(classState !== newClassState){
                     addEuropresseButton();
+                    observer.disconnect();
                 }
             }
         }

diff --git a/ophirofox/content_scripts/destandaard.css b/ophirofox/content_scripts/destandaard.css
@@ -1,8 +1,17 @@
 .ophirofox-europresse {
-    display: block;
-    padding: 0.5rem;
-    background-color: #d90000 !important;
-    color: #fff !important;
+    display: inline-block;
+    margin-top: 1rem;
+    padding: 0.25rem 1rem;
+    border-radius: 0.3rem;
+    background-color: #ffc700 !important;
+    color: #000 !important;
     text-align: center;
     text-decoration: none !important;
+}
+
+.ophirofox-modal-link {
+    display: block;
+    margin-top: 0;
+    padding: 0.5rem;
+    border-radius: 0;
 }
diff --git a/ophirofox/content_scripts/financialtimes.css b/ophirofox/content_scripts/financialtimes.css
@@ -1,8 +1,9 @@
 .ophirofox-europresse {
     display: inline-block;
     margin-bottom: 1rem;
-    padding: 0.25rem 1rem;
-    border: 1px solid #fff;
-    color: #fff;
+    padding: 0.5rem 1.5rem;
+    border-radius: 0.3rem;
+    background-color: #ffc700;
+    color: #000;
     text-decoration: none;
 }
diff --git a/ophirofox/content_scripts/gazetvanantwerpen.css b/ophirofox/content_scripts/gazetvanantwerpen.css
@@ -1,6 +1,17 @@
 .ophirofox-europresse {
+    display: inline-block;
+    margin-top: 1rem;
+    padding: 0.25rem 1rem;
+    border-radius: 0.3rem;
+    background-color: #ffc700;
+    color: #000 !important;
+    text-align: center;
+    text-decoration: none;
+}
+
+.ophirofox-modal-link {
     display: block;
+    margin-top: 0;
     padding: 0.5rem;
-    border: 1px solid #d21d10;
-    text-align: center;
+    border-radius: 0;
 }
diff --git a/ophirofox/content_scripts/hetlaatstenieuws.css b/ophirofox/content_scripts/hetlaatstenieuws.css
@@ -1,5 +1,11 @@
 .ophirofox-europresse {
     display: block;
-    margin-top: 1rem;
+    width: 12vw;
+    margin: 1rem auto;
+    padding: 0.25rem;
+    border-radius: 0.3rem;
+    background-color: #ffc700;
+    color: #000 !important;
     text-align: center;
+    text-decoration: none !important;
 }
diff --git a/ophirofox/content_scripts/hetlaatstenieuws.js b/ophirofox/content_scripts/hetlaatstenieuws.js
@@ -25,6 +25,7 @@ async function onLoad() {
                 const newClassState = mutation.target.classList.contains('js-tm-backdrop-active');
                 if(classState !== newClassState){
                     addEuropresseButton();
+                    observer.disconnect();
                 }
             }
         }

diff --git a/ophirofox/content_scripts/hetnieuwsblad.css b/ophirofox/content_scripts/hetnieuwsblad.css
@@ -1,6 +1,17 @@
 .ophirofox-europresse {
+    display: inline-block;
+    margin-top: 1rem;
+    padding: 0.25rem 1rem;
+    border-radius: 0.3rem;
+    background-color: #ffc700;
+    color: #000 !important;
+    text-align: center;
+    text-decoration: none;
+}
+
+.ophirofox-modal-link {
     display: block;
+    margin-top: 0;
     padding: 0.5rem;
-    border: 1px solid #0071c7;
-    text-align: center;
+    border-radius: 0;
 }
diff --git a/ophirofox/content_scripts/knack.css b/ophirofox/content_scripts/knack.css
@@ -1,9 +1,11 @@
 .ophirofox-europresse {
     display: inline-block;
     margin-top: 1rem;
-    padding: 0.5rem 1rem;
-    border: 1px solid #ee1c24;
-    color: #ee1c24;
+    padding: 0.5rem 1.5rem;
+    border-radius: 0.3rem;
+    background-color: #ffc700;
+    color: #000;
+    font-family: "Aeonik","Publica Slab","Helvetica","Arial",sans-serif;
     font-size: 1.5rem;
-    font-weight: bold;
+    text-decoration: none;
 }
diff --git a/ophirofox/content_scripts/levif.css b/ophirofox/content_scripts/levif.css
@@ -1,9 +1,11 @@
 .ophirofox-europresse {
     display: inline-block;
     margin-top: 1rem;
-    padding: 0.5rem 1rem;
-    border: 1px solid #ee1c24;
-    color: #ee1c24;
+    padding: 0.5rem 1.5rem;
+    border-radius: 0.3rem;
+    background-color: #ffc700;
+    color: #000;
+    font-family: "Aeonik","Publica Slab","Helvetica","Arial",sans-serif;
     font-size: 1.5rem;
-    font-weight: bold;
+    text-decoration: none;
 }
diff --git a/ophirofox/content_scripts/theeconomist.css b/ophirofox/content_scripts/theeconomist.css
@@ -1,10 +1,9 @@
 .ophirofox-europresse{
     display: inline-block;
     margin-top: 1rem;
-    color: #e3120b;
+    padding: 0.25rem 1rem;
+    border-radius: 0.3rem;
+    background-color: #ffc700;
+    color: #000;
     text-decoration: none;
-}
-
-.ophirofox-europresse:hover{
-    text-decoration: underline;
 }
diff --git a/ophirofox/content_scripts/trendstendances.css b/ophirofox/content_scripts/trendstendances.css
@@ -1,10 +1,11 @@
 .ophirofox-europresse {
     display: inline-block;
     margin-top: 1rem;
-    padding: 0.5rem 1rem;
-    border: 1px solid #5cb4ab;
-    color: #5cb4ab;
+    padding: 0.5rem 1.5rem;
+    border-radius: 0.3rem;
+    background-color: #ffc700;
+    color: #000;
+    font-family: "Aeonik","Publica Slab","Helvetica","Arial",sans-serif;
     font-size: 1.5rem;
-    font-weight: bold;
     text-decoration: none;
 }
diff --git a/ophirofox/content_scripts/washingtonpost.css b/ophirofox/content_scripts/washingtonpost.css
@@ -3,6 +3,9 @@
     justify-content: center;
     margin: 1rem auto;
     padding: 0.25rem 1rem;
-    width: 40%;
-    border: 1px solid #1955a5;
+    width: 12vw;
+    border-radius: 0.3rem;
+    background-color: #ffc700;
+    color: #000;
+    text-decoration: none;
 }