PRJ-58 - Style video more actions button

buddyboss · Feb 6, 2025 · 9926d54 · 9926d54
1 parent 96c5f7b
commit 9926d54
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 9 deletions.
diff --git a/src/bp-templates/bp-nouveau/readylaunch/css/activity-rtl.css b/src/bp-templates/bp-nouveau/readylaunch/css/activity-rtl.css
@@ -1475,7 +1475,6 @@
   position: absolute;
   left: 15px;
   bottom: 35px;
-  z-index: var(--bb-rl-z-index-dropdown);
   transition: all 0.3s ease;
 }
 
@@ -1681,6 +1680,11 @@
   position: relative;
 }
 
+.bb-rl-activity-video-elem:hover .bb-rl-more_dropdown-wrap {
+  visibility: visible;
+  opacity: 1;
+}
+
 .bb-rl-activity-video-elem .video-js {
   font-family: inherit;
   border-radius: var(--bb-rl-radius-lg);

diff --git a/src/bp-templates/bp-nouveau/readylaunch/css/activity-rtl.min.css b/src/bp-templates/bp-nouveau/readylaunch/css/activity-rtl.min.css
diff --git a/src/bp-templates/bp-nouveau/readylaunch/css/activity.css b/src/bp-templates/bp-nouveau/readylaunch/css/activity.css
@@ -1475,7 +1475,6 @@
   position: absolute;
   right: 15px;
   bottom: 35px;
-  z-index: var(--bb-rl-z-index-dropdown);
   transition: all 0.3s ease;
 }
 
@@ -1681,6 +1680,11 @@
   position: relative;
 }
 
+.bb-rl-activity-video-elem:hover .bb-rl-more_dropdown-wrap {
+  visibility: visible;
+  opacity: 1;
+}
+
 .bb-rl-activity-video-elem .video-js {
   font-family: inherit;
   border-radius: var(--bb-rl-radius-lg);

diff --git a/src/bp-templates/bp-nouveau/readylaunch/css/activity.min.css b/src/bp-templates/bp-nouveau/readylaunch/css/activity.min.css
diff --git a/src/bp-templates/bp-nouveau/readylaunch/css/sass/components/activity/_activity_feed.scss b/src/bp-templates/bp-nouveau/readylaunch/css/sass/components/activity/_activity_feed.scss
@@ -452,7 +452,6 @@
 			position: absolute;
 			right: 15px;
 			bottom: 35px;
-			z-index: var(--bb-rl-z-index-dropdown);
 			transition: all 0.3s ease;
 
 			.bb-media-info-section & {
@@ -687,6 +686,14 @@
 .bb-rl-activity-video-elem {
 	position: relative;
 
+	&:hover {
+
+		.bb-rl-more_dropdown-wrap {
+			visibility: visible;
+			opacity: 1;
+		}
+	}
+
 	.video-js {
 		font-family: inherit;
 		border-radius: var(--bb-rl-radius-lg);

diff --git a/src/bp-templates/bp-nouveau/readylaunch/video/activity-entry.php b/src/bp-templates/bp-nouveau/readylaunch/video/activity-entry.php
@@ -65,15 +65,14 @@
 echo esc_attr( $has_no_thumbnail );
 ?>
 " data-id="<?php echo esc_attr( $video_id ); ?>">
-	<div class="bb-rl-video-action-wrap bb-rl-item-action-wrap">
+	<div class="bb-rl-video-action-wrap bb-rl-item-action-wrap bb-rl-more_dropdown-wrap">
 		<?php
 		if ( $can_edit && ( bp_loggedin_user_id() === $video_user_id || bp_current_user_can( 'bp_moderate' ) ) ) {
 			?>
-			<a href="#" class="bb-rl-video-action_more bb-rl-item-action_more" data-balloon-pos="up" data-balloon="<?php esc_html_e( 'More actions', 'buddyboss' ); ?>">
-				<i class="bb-icon-rl bb-icon-ellipsis-v"></i>
+			<a href="#" class="bb-rl-video-action_more bb-rl-item-action_more bb_rl_more_dropdown__action" data-balloon-pos="up" data-balloon="<?php esc_html_e( 'More actions', 'buddyboss' ); ?>">
+				<i class="bb-icons-rl-dots-three"></i>
 			</a>
 			<div class="bb-rl-video-action_list bb-rl-item-action_list bb_rl_more_dropdown">
-				<?php bp_get_template_part( 'common/more-options-view' ); ?>
 				<ul>
 					<?php if ( ! in_array( $db_privacy, array( 'forums', 'comment', 'message' ), true ) ) { ?>
 						<li class="bb_rl_edit_thumbnail_video bb-rl-video-action-class">