File tree 1 file changed +31
-1
lines changed
1 file changed +31
-1
lines changed Original file line number Diff line number Diff line change 28
28
background : rgba (20 , 20 , 20 , 1 );
29
29
color : white;
30
30
}
31
+ .ui-menu {
32
+ position : absolute;
33
+ }
31
34
.set {
32
35
display : inline-block;
33
36
}
71
74
} ,
72
75
text : ! ! $ ( this ) . attr ( "title" )
73
76
} ) ;
74
- button . click ( function ( ) {
77
+ button . not ( ".menu" ) . click ( function ( ) {
75
78
notify ( button ) ;
76
79
} ) ;
77
80
} ) ;
78
81
$ ( ".set" ) . buttonset ( {
79
82
items : "button"
80
83
} ) ;
81
84
85
+ $ ( "button.menu" )
86
+ . click ( function ( ) {
87
+ $ ( document ) . tooltip ( "close" , { currentTarget : this } ) ;
88
+ var menu = $ ( this ) . next ( ) . show ( ) . position ( {
89
+ my : "left top" ,
90
+ at : "left bottom" ,
91
+ of : this
92
+ } ) ;
93
+ $ ( document ) . one ( "click" , function ( ) {
94
+ menu . hide ( ) ;
95
+ } ) ;
96
+ return false ;
97
+ } )
98
+ . next ( )
99
+ . hide ( )
100
+ . menu ( {
101
+ selected : function ( event , ui ) {
102
+ notify ( ui . item ) ;
103
+ }
104
+ } ) ;
105
+
82
106
$ ( document ) . tooltip ( {
83
107
position : {
84
108
my : "center top" ,
105
129
< div class ="set ">
106
130
< button data-icon ="ui-icon-circle-plus " title ="Add to Watch Later "> Add to</ button >
107
131
< button class ="menu " data-icon ="ui-icon-triangle-1-s "> Add to favorites or playlist</ button >
132
+ < ul >
133
+ < li > Favorites</ li >
134
+ < li > Funnees</ li >
135
+ < li > </ li >
136
+ < li > New playlist...</ li >
137
+ </ ul >
108
138
</ div >
109
139
< button title ="Share this video "> Share</ button >
110
140
< button data-icon ="ui-icon-alert "> Flag as inappropriate</ button >
You can’t perform that action at this time.
0 commit comments