File tree 1 file changed +5
-28
lines changed
1 file changed +5
-28
lines changed Original file line number Diff line number Diff line change 13
13
@rack-width : 300px ;
14
14
@rack-max-height : 400px ;
15
15
16
- // Debugging colors for visibility
17
- @debug-border-color : yellow ;
18
- @debug-background : rgba (255 , 255 , 0 , 0.2 );
19
- @debug-z-index : 9999 ;
20
-
21
- // Toast container positions with added debugging styles
16
+ // Toast container positions
22
17
.enable-toast {
23
18
&__container {
24
19
position : fixed ;
25
- z-index : @debug-z-index ; // Increased z-index for debugging visibility
20
+ z-index : 9999 ;
26
21
display : flex ;
22
+ flex-direction : column ;
27
23
transition : @toast-transition ;
28
- border : 2px dashed @debug-border-color ; // Debugging border to visualize container
29
-
30
- // Debugging background to visualize container
31
- background-color : @debug-background ;
32
24
33
25
&--bottom-right ,
34
26
&--bottom-left ,
65
57
}
66
58
}
67
59
68
- // Toast item styles with debugging styles for visibility
60
+ // Toast item styles
69
61
&__item {
70
62
display : flex ;
71
63
align-items : center ;
79
71
opacity : 0 ;
80
72
transition : opacity 0.5s ease-in-out ;
81
73
82
- // Debugging border and background to visualize the toast
83
- border : 2px solid red ;
84
- background-color : @debug-background ;
85
-
86
74
&--visible {
87
75
opacity : 1 ;
88
76
}
99
87
font-size : 16px ;
100
88
cursor : pointer ;
101
89
102
- // Debugging hover color
103
90
& :hover {
104
91
color : @toast-close-hover-color ;
105
- border : 1px solid @debug-border-color ; // Debugging border
106
92
}
107
93
}
108
94
109
- // Toast rack with debugging styles
95
+ // Toast rack
110
96
&__rack {
111
97
position : fixed ;
112
98
top : 20px ;
119
105
overflow-y : auto ;
120
106
display : none ;
121
107
z-index : 9998 ;
122
-
123
- // Debugging styles
124
- background-color : rgba (
125
- 0 ,
126
- 255 ,
127
- 0 ,
128
- 0.2
129
- ); // Light green background for rack visibility
130
- border : 2px dashed orange ;
131
108
}
132
109
}
You can’t perform that action at this time.
0 commit comments