Browse Source

update photoswipe left right icon

Abhinav 3 years ago
parent
commit
96a3a49f22
1 changed files with 22 additions and 14 deletions
  1. 22 14
      src/styles/global.css

+ 22 - 14
src/styles/global.css

@@ -171,20 +171,28 @@ svg {
 .pswp-custom:hover {
 .pswp-custom:hover {
     opacity: 1;
     opacity: 1;
 }
 }
-.download-btn{
-    background: url('/download_icon.png') no-repeat;
-    background-size: 20px 20px;
-    background-position: center;
-}
-.info-btn{
-    background: url('/info_icon.png') no-repeat;
-    background-size: 20px 20px;
-    background-position: center;
-}
-.share-btn{
-    background: url('/share_icon.png') no-repeat;
-    background-size: 20px 20px;
-    background-position: center;
+
+.pswp__button--arrow--left::before, .pswp__button--arrow--right::before {
+    background-color: #333333;
+    border-radius: 50%;
+    width: 56px;
+    height: 56px;
+    top:0;
+}
+
+.pswp__button--arrow--left::before {   
+    background-position: -128px -32px;
+}
+
+.pswp__button--arrow--left{
+    margin-left: 20px;
+}
+
+.pswp__button--arrow--right{
+    margin-right: 20px;
+}
+.pswp__button--arrow--right::before {   
+    background-position: -83px -30px;
 }
 }
 .btn.focus , .btn:focus{
 .btn.focus , .btn:focus{
     box-shadow: none;
     box-shadow: none;