File tree Expand file tree Collapse file tree 1 file changed +54
-0
lines changed
Expand file tree Collapse file tree 1 file changed +54
-0
lines changed Original file line number Diff line number Diff line change @@ -284,3 +284,57 @@ div.ultra-chip img {
284284.ultra-modal-close {
285285 background : var (--btn-default-color );
286286}
287+
288+ .ultra-dropdown {
289+ position : relative;
290+ display : inline-block;
291+ }
292+
293+ .ultra-dropdown-btn {
294+ background-color : # 2196f3 ;
295+ color : white;
296+ padding : 12px 16px ;
297+ border : none;
298+ border-radius : 6px ;
299+ cursor : pointer;
300+ font-size : 1rem ;
301+ transition : background-color 0.3s ease;
302+ }
303+
304+ .ultra-dropdown-btn : hover {
305+ background-color : # 1976d2 ;
306+ }
307+
308+ .ultra-dropdown-content {
309+ display : none;
310+ position : absolute;
311+ background-color : # 222 ;
312+ min-width : 160px ;
313+ box-shadow : 0 8px 16px rgba (0 , 0 , 0 , 0.2 );
314+ z-index : 1 ;
315+ border-radius : 6px ;
316+ overflow : hidden;
317+ margin-top : 6px ;
318+ }
319+
320+ .ultra-dropdown-content a {
321+ color : white;
322+ padding : 12px 16px ;
323+ text-decoration : none;
324+ display : block;
325+ transition : background-color 0.2s ease;
326+ }
327+
328+ .ultra-dropdown-content a : hover {
329+ background-color : # 333 ;
330+ }
331+
332+ .ultra-dropdown .active .ultra-dropdown-content {
333+ display : block;
334+ animation : dropdownFadeIn 0.2s ease;
335+ }
336+
337+ @keyframes dropdownFadeIn {
338+ from { opacity : 0 ; transform : translateY (-5px ); }
339+ to { opacity : 1 ; transform : translateY (0 ); }
340+ }
You can’t perform that action at this time.
0 commit comments