@pocketping/widget 1.5.1 → 1.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -933,17 +933,29 @@ function styles(primaryColor, theme) {
933
933
  }
934
934
 
935
935
  .pp-reply-cancel {
936
- background: transparent;
936
+ background: ${isDark ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.05)"};
937
937
  border: none;
938
+ border-radius: 50%;
938
939
  color: ${colors.textSecondary};
939
940
  cursor: pointer;
940
- padding: 4px;
941
+ padding: 0;
942
+ width: 24px;
943
+ height: 24px;
944
+ min-width: 24px;
945
+ display: flex;
946
+ align-items: center;
947
+ justify-content: center;
941
948
  flex-shrink: 0;
949
+ transition: background 0.15s;
950
+ }
951
+
952
+ .pp-reply-cancel:hover {
953
+ background: ${isDark ? "rgba(255,255,255,0.2)" : "rgba(0,0,0,0.1)"};
942
954
  }
943
955
 
944
956
  .pp-reply-cancel svg {
945
- width: 16px;
946
- height: 16px;
957
+ width: 14px;
958
+ height: 14px;
947
959
  }
948
960
 
949
961
  /* Reply Quote in Message */
package/dist/index.js CHANGED
@@ -892,17 +892,29 @@ function styles(primaryColor, theme) {
892
892
  }
893
893
 
894
894
  .pp-reply-cancel {
895
- background: transparent;
895
+ background: ${isDark ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.05)"};
896
896
  border: none;
897
+ border-radius: 50%;
897
898
  color: ${colors.textSecondary};
898
899
  cursor: pointer;
899
- padding: 4px;
900
+ padding: 0;
901
+ width: 24px;
902
+ height: 24px;
903
+ min-width: 24px;
904
+ display: flex;
905
+ align-items: center;
906
+ justify-content: center;
900
907
  flex-shrink: 0;
908
+ transition: background 0.15s;
909
+ }
910
+
911
+ .pp-reply-cancel:hover {
912
+ background: ${isDark ? "rgba(255,255,255,0.2)" : "rgba(0,0,0,0.1)"};
901
913
  }
902
914
 
903
915
  .pp-reply-cancel svg {
904
- width: 16px;
905
- height: 16px;
916
+ width: 14px;
917
+ height: 14px;
906
918
  }
907
919
 
908
920
  /* Reply Quote in Message */
@@ -874,17 +874,29 @@
874
874
  }
875
875
 
876
876
  .pp-reply-cancel {
877
- background: transparent;
877
+ background: ${n?"rgba(255,255,255,0.1)":"rgba(0,0,0,0.05)"};
878
878
  border: none;
879
+ border-radius: 50%;
879
880
  color: ${s.textSecondary};
880
881
  cursor: pointer;
881
- padding: 4px;
882
+ padding: 0;
883
+ width: 24px;
884
+ height: 24px;
885
+ min-width: 24px;
886
+ display: flex;
887
+ align-items: center;
888
+ justify-content: center;
882
889
  flex-shrink: 0;
890
+ transition: background 0.15s;
891
+ }
892
+
893
+ .pp-reply-cancel:hover {
894
+ background: ${n?"rgba(255,255,255,0.2)":"rgba(0,0,0,0.1)"};
883
895
  }
884
896
 
885
897
  .pp-reply-cancel svg {
886
- width: 16px;
887
- height: 16px;
898
+ width: 14px;
899
+ height: 14px;
888
900
  }
889
901
 
890
902
  /* Reply Quote in Message */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pocketping/widget",
3
- "version": "1.5.1",
3
+ "version": "1.5.2",
4
4
  "type": "module",
5
5
  "description": "Embeddable chat widget for PocketPing",
6
6
  "main": "dist/index.cjs",