refactor: Update CSS for next and previous buttons

kabir-afk · Jun 7, 2024 · 67a193b · 67a193b
1 parent 2a8bb61
commit 67a193b
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 9 deletions.
diff --git a/content_scripts/wpintegration.css b/content_scripts/wpintegration.css
@@ -10,11 +10,17 @@
 	box-shadow: 0 0 .5rem #999;
 }
 
-.oo-ui-icon-next {
-	background-image: url('../icons/arrow-right-solid.svg' )}
+.oo-ui-icon-nextBtn , .oo-ui-icon-previousBtn{
+	padding-top: 5px;
+}
+.oo-ui-icon-nextBtn::after {
+	content: "\25B6";
+}
 
-.oo-ui-icon-previous {
-	background-image: url('../icons/arrow-left-solid.svg' )}
+.oo-ui-icon-previousBtn::after {
+	content: "\25C0";
+}
 
 .oo-ui-icon-search {
-	background-image: url('../icons/magnifying-glass-solid.svg' )}
+	background-image: url('../icons/magnifying-glass-solid.svg' )
+}
diff --git a/popup/popup.css b/popup/popup.css
@@ -222,12 +222,15 @@ html, body {
 	margin: auto;
 }
 
-.oo-ui-icon-next {
-	background-image: url( '../icons/arrow-right-solid.svg' );
+.oo-ui-icon-nextBtn , .oo-ui-icon-previousBtn{
+	padding-top: 5px;
+}
+.oo-ui-icon-nextBtn::after {
+	content: "\25B6";
 }
 
-.oo-ui-icon-previous {
-	background-image: url( '../icons/arrow-left-solid.svg' );
+.oo-ui-icon-previousBtn::after {
+	content: "\25C0";
 }
 
 .oo-ui-icon-search {