@kerkhoff-ict/solora 2.5.4 → 2.6.0
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.css +78 -12
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -800,7 +800,6 @@
|
|
|
800
800
|
position: absolute;
|
|
801
801
|
min-width: 10rem;
|
|
802
802
|
border-radius: 12px;
|
|
803
|
-
margin-top: 0.5rem;
|
|
804
803
|
overflow: hidden;
|
|
805
804
|
overflow-y: auto;
|
|
806
805
|
background: transparent;
|
|
@@ -809,51 +808,118 @@
|
|
|
809
808
|
-webkit-backdrop-filter: blur(12px);
|
|
810
809
|
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
|
|
811
810
|
opacity: 0;
|
|
812
|
-
transform: translateY(-10px) scale(0.95);
|
|
813
811
|
pointer-events: none;
|
|
814
812
|
transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
815
813
|
z-index: 1000;
|
|
816
|
-
padding: 0.5rem;
|
|
817
814
|
color: var(--color-text-dark, #000);
|
|
818
815
|
}
|
|
819
816
|
.popover.top-left .popover-content {
|
|
820
817
|
bottom: 100%;
|
|
821
|
-
|
|
818
|
+
right: 0;
|
|
819
|
+
margin: 0.5rem 0;
|
|
822
820
|
}
|
|
823
821
|
.popover.top-center .popover-content {
|
|
824
822
|
bottom: 100%;
|
|
825
|
-
|
|
826
|
-
transform: translateX(
|
|
823
|
+
right: 50%;
|
|
824
|
+
transform: translateX(50%) !important;
|
|
825
|
+
margin: 0.5rem 0;
|
|
827
826
|
}
|
|
828
827
|
.popover.top-right .popover-content {
|
|
829
828
|
bottom: 100%;
|
|
830
|
-
|
|
829
|
+
left: 0;
|
|
830
|
+
margin: 0.5rem 0;
|
|
831
831
|
}
|
|
832
832
|
.popover.bottom-left .popover-content {
|
|
833
833
|
top: 100%;
|
|
834
|
-
|
|
834
|
+
right: 0;
|
|
835
|
+
margin: 0.5rem 0;
|
|
835
836
|
}
|
|
836
837
|
.popover.bottom-center .popover-content {
|
|
837
838
|
top: 100%;
|
|
838
839
|
left: 50%;
|
|
839
|
-
transform: translateX(-50%);
|
|
840
|
+
transform: translateX(-50%) !important;
|
|
841
|
+
margin: 0.5rem 0;
|
|
840
842
|
}
|
|
841
843
|
.popover.bottom-right .popover-content {
|
|
842
844
|
top: 100%;
|
|
843
|
-
|
|
845
|
+
left: 0;
|
|
846
|
+
margin: 0.5rem 0;
|
|
844
847
|
}
|
|
845
848
|
.popover.left .popover-content {
|
|
846
849
|
right: 100%;
|
|
847
850
|
top: 50%;
|
|
848
|
-
transform: translateY(-50%);
|
|
851
|
+
transform: translateY(-50%) !important;
|
|
849
852
|
margin: 0 0.5rem;
|
|
850
853
|
}
|
|
851
854
|
.popover.right .popover-content {
|
|
852
855
|
left: 100%;
|
|
853
856
|
top: 50%;
|
|
854
|
-
transform: translateY(-50%);
|
|
857
|
+
transform: translateY(-50%) !important;
|
|
855
858
|
margin: 0 0.5rem;
|
|
856
859
|
}
|
|
860
|
+
.popover-header {
|
|
861
|
+
padding: 0.8rem 1rem;
|
|
862
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
863
|
+
margin-bottom: 0.2rem;
|
|
864
|
+
}
|
|
865
|
+
.popover-header h3 {
|
|
866
|
+
font-size: 0.75rem;
|
|
867
|
+
font-weight: 700;
|
|
868
|
+
text-transform: uppercase;
|
|
869
|
+
letter-spacing: 0.025em;
|
|
870
|
+
color: var(--color-text-dark, #000);
|
|
871
|
+
opacity: 0.4;
|
|
872
|
+
}
|
|
873
|
+
.popover-list {
|
|
874
|
+
display: flex;
|
|
875
|
+
flex-direction: column;
|
|
876
|
+
padding: 0.3rem;
|
|
877
|
+
}
|
|
878
|
+
.popover-item {
|
|
879
|
+
display: flex;
|
|
880
|
+
align-items: center;
|
|
881
|
+
gap: 0.6rem;
|
|
882
|
+
width: 100%;
|
|
883
|
+
padding: 0.5rem 0.7rem;
|
|
884
|
+
font-size: 0.9rem;
|
|
885
|
+
font-weight: 500;
|
|
886
|
+
color: var(--color-text-dark, #000);
|
|
887
|
+
border-radius: 8px;
|
|
888
|
+
transition: all 0.15s ease;
|
|
889
|
+
text-align: left;
|
|
890
|
+
background: transparent;
|
|
891
|
+
border: none;
|
|
892
|
+
cursor: pointer;
|
|
893
|
+
}
|
|
894
|
+
.popover-item:hover {
|
|
895
|
+
background: rgba(0, 0, 0, 0.04);
|
|
896
|
+
}
|
|
897
|
+
.popover-item.item-danger {
|
|
898
|
+
color: var(--color-danger, #ff453a);
|
|
899
|
+
}
|
|
900
|
+
.popover-item.item-danger:hover {
|
|
901
|
+
background: rgba(255, 69, 58, 0.1);
|
|
902
|
+
}
|
|
903
|
+
.popover-divider {
|
|
904
|
+
height: 1px;
|
|
905
|
+
background: rgba(0, 0, 0, 0.05);
|
|
906
|
+
margin: 0.3rem 0;
|
|
907
|
+
}
|
|
908
|
+
:root.dark .popover-header {
|
|
909
|
+
border-bottom-color: rgba(255, 255, 255, 0.1);
|
|
910
|
+
}
|
|
911
|
+
:root.dark .popover-header h3 {
|
|
912
|
+
color: var(--color-text-light, #fff);
|
|
913
|
+
}
|
|
914
|
+
:root.dark .popover-item {
|
|
915
|
+
color: var(--color-text-light, #fff);
|
|
916
|
+
}
|
|
917
|
+
:root.dark .popover-item:hover {
|
|
918
|
+
background: rgba(255, 255, 255, 0.08);
|
|
919
|
+
}
|
|
920
|
+
:root.dark .popover-divider {
|
|
921
|
+
background: rgba(255, 255, 255, 0.1);
|
|
922
|
+
}
|
|
857
923
|
.popover.sol-pop-w-16 {
|
|
858
924
|
width: 4rem;
|
|
859
925
|
}
|