ov-components: Updated css variable names

OpenVidu · Nov 6, 2024 · b59c56c · b59c56c
1 parent 02e3fb0
commit b59c56c
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 9 deletions.
diff --git a/openvidu-components-angular/e2e/webcomponent-app/index.html b/openvidu-components-angular/e2e/webcomponent-app/index.html
@@ -24,7 +24,7 @@
 				--ov-text-primary-color: #1d1d1d;
 				--ov-surface-color: #ffffff;
 
-				--ov-buttons-radius: 50%;
+				--ov-toolbar-buttons-radius: 50%;
 				--ov-leave-button-radius: 10px;
 				--ov-video-radius: 5px;
 				--ov-surface-radius: 5px;

diff --git a/openvidu-components-angular/projects/openvidu-components-angular/README.md b/openvidu-components-angular/projects/openvidu-components-angular/README.md
@@ -72,10 +72,10 @@ You can also customize the styles in your `styles.scss` file:
 	--ov-warn-color: #ffba53; // Warning color
 
 	/* Radius */
-	--ov-buttons-radius: 50%;
-	--ov-leave-button-radius: 10px;
-	--ov-video-radius: 5px;
-	--ov-surface-radius: 5px;
+	--ov-toolbar-buttons-radius: 50%; // Radius for toolbar buttons
+	--ov-leave-button-radius: 10px; // Radius for leave button
+	--ov-video-radius: 5px; // Radius for video elements
+	--ov-surface-radius: 5px; // Radius for surface elements
 }
 ```
 

diff --git a/...ngular/projects/openvidu-components-angular/src/lib/components/panel/panel.component.scss b/...ngular/projects/openvidu-components-angular/src/lib/components/panel/panel.component.scss
@@ -29,7 +29,7 @@
 
 .panel-close-button {
 	margin-left: auto;
-	border-radius: var(--ov-buttons-radius);
+	border-radius: 50%;
 }
 
 ::-webkit-scrollbar {

diff --git a/...nts/panel/participants-panel/participant-panel-item/participant-panel-item.component.scss b/...nts/panel/participants-panel/participant-panel-item/participant-panel-item.component.scss
@@ -57,7 +57,7 @@
 	}
 
 	#mute-btn {
-		border-radius: var(--ov-buttons-radius);
+		border-radius: 50%;
 		color: var(--ov-text-surface-color);
 	}
 

diff --git a/...ar/projects/openvidu-components-angular/src/lib/components/toolbar/toolbar.component.scss b/...ar/projects/openvidu-components-angular/src/lib/components/toolbar/toolbar.component.scss
@@ -56,7 +56,7 @@ $ov-recording-blinking-color: #eb5144;
 
 	#media-buttons-container button,
 	#menu-buttons-container button {
-		border-radius: var(--ov-buttons-radius);
+		border-radius: var(--ov-toolbar-buttons-radius);
 		color: var(--ov-secondary-action-color);
 	}
 

diff --git a/openvidu-components-angular/src/styles.scss b/openvidu-components-angular/src/styles.scss
@@ -40,7 +40,7 @@ body {
 	--ov-text-primary-color: #ffffff;
 	--ov-text-surface-color: #1d1d1d;
 
-	--ov-buttons-radius: 50%;
+	--ov-toolbar-buttons-radius: 50%;
 	--ov-leave-button-radius: 10px;
 	--ov-video-radius: 5px;
 	--ov-surface-radius: 5px;