107107.vp-cm-popup-menu {
108108 min-height : 20px ;
109109 cursor : pointer;
110+ }
111+
112+
113+ /** new */
114+ .vp-sn-body {
115+ padding : 10px ;
116+ }
117+ .vp-sn-header {
118+ height : 30px ;
119+ }
120+ .vp-sn-header label {
121+ font-weight : bold;
122+ font-size : 13px ;
123+ line-height : 16px ;
124+ }
125+ .vp-sn-menu {
126+ float : right;
127+ cursor : pointer;
128+ }
129+ .vp-sn-menu-box {
130+ display : none;
131+ position : absolute;
132+ top : 0px ;
133+ right : 40px ;
134+ width : 70px ;
135+ height : 50px ;
136+ border : 0.25px solid var (--border-gray-color );
137+ background : # FFFFFF ;
138+ }
139+ .vp-sn-menu-item {
140+ height : 25px ;
141+ line-height : 25px ;
142+ padding : 0px 5px ;
143+ cursor : pointer;
144+ }
145+
146+ .vp-sn-search-box {
147+
148+ }
149+ .vp-sn-search {
150+ width : 100% ;
151+ height : 30px ;
152+ }
153+ .vp-sn-search-box i {
154+ position : absolute;
155+ color : # C4C4C4 ;
156+ right : 20px ;
157+ padding-top : 8px ;
158+ }
159+ .vp-sn-func-box {
160+ height : 50px ;
161+ padding : 10px 0px ;
162+ }
163+ .vp-sn-func-left {
164+ float : left;
165+ }
166+ .vp-sn-func-right {
167+ float : right;
168+ }
169+ .vp-sn-filter {
170+ cursor : pointer;
171+ }
172+ .vp-sn-filter-menu-box {
173+ display : none;
174+ position : absolute;
175+ width : 80px ;
176+ height : 50px ;
177+ border : 0.25px solid var (--border-gray-color );
178+ background : # FFFFFF ;
179+ }
180+ .vp-sn-filter-menu-item {
181+ height : 25px ;
182+ line-height : 25px ;
183+ padding : 0px 5px ;
184+ cursor : pointer;
185+ }
186+
187+ .vp-sn-func-export-mode {
188+ display : none;
189+ }
190+
191+ .vp-sn-item-check {
192+ display : none;
193+ float : right;
194+ margin : 7px 7px !important ;
195+ }
196+
197+ /* export mode */
198+ .vp-sn-export-mode .vp-sn-menu {
199+ display : none;
200+ }
201+ .vp-sn-export-mode .vp-sn-func-export-mode {
202+ display : block;
203+ }
204+ .vp-sn-export-mode .vp-sn-func-default-mode {
205+ display : none;
206+ }
207+ .vp-sn-export-mode .vp-sn-item-menu {
208+ display : none;
209+ }
210+ # vp-wrapper .vp-sn-export-mode input .vp-sn-checkbox {
211+ display : inline-block;
212+ position : relative !important ;
213+ width : 13px ;
214+ height : 13px ;
215+ border : 1px solid # 828282 ;
216+ margin : 0px 15px ;
217+ }
218+
219+
220+ /* if snippets list empty */
221+ .vp-sn-table : empty ::after {
222+ content : '(No saved snippets)' ;
223+ color : # C4C4C4 ;
224+ }
225+ .vp-sn-item {
226+ min-height : 30px ;
227+ }
228+ .vp-sn-item .selected {
229+ background : # F5F5F5 ;
230+ }
231+ .vp-sn-item-header {
232+ height : 30px ;
233+ line-height : 30px ;
234+ padding : 0px 7px ;
235+ border : 0.25px solid var (--border-gray-color );
236+ box-sizing : border-box;
237+ }
238+ .vp-sn-item-header .vp-sn-indicator {
239+ display : inline-block;
240+ cursor : pointer;
241+ background-image : url(../ ../ resource/chevron_big_right.svg);
242+ background-size : contain;
243+ background-repeat : no-repeat;
244+ width : 10px ;
245+ height : 10px ;
246+ }
247+ .vp-sn-item-header .vp-sn-indicator .open {
248+ background-image : url(../ ../ resource/chevron_big_down.svg) !important ;
249+ }
250+ .vp-sn-item-title {
251+ width : calc (100% - 80px );
252+ outline : none;
253+ border : 0.5px solid white !important ;
254+ }
255+ .vp-sn-item .selected .vp-sn-item-title {
256+ background : # F5F5F5 ;
257+ color : var (--font-hightlight );
258+ }
259+ .vp-sn-item-title : focus {
260+ transition : 0.7s ;
261+ border : 1px solid # FFCF73 ;
262+ border : 0.5px solid var (--hightlight-color ) !important ;
263+ }
264+ .vp-sn-imported-item {
265+ color : var (--hightlight-color );
266+ }
267+ .vp-sn-item-menu {
268+ float : right;
269+ }
270+ .vp-sn-item-menu-item {
271+ display : inline-block;
272+ cursor : pointer;
273+ }
274+ .vp-sn-item-code {
275+ display : none;
276+ border : 0.25px solid var (--border-gray-color );
110277}
0 commit comments