frontend: enhance share meeting link styles with hover effects and update moderator badge icon alignment
This commit is contained in:
parent
c99f0cad03
commit
883a08a130
@ -66,6 +66,10 @@
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.copy-url-btn {
|
.copy-url-btn {
|
||||||
@ -74,7 +78,7 @@
|
|||||||
height: 32px;
|
height: 32px;
|
||||||
min-width: 32px;
|
min-width: 32px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
color: var(--ov-meet-text-hint);
|
color: var(--ov-secondary-action-color);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: 0;
|
border: 0;
|
||||||
@ -82,6 +86,11 @@
|
|||||||
.mat-icon {
|
.mat-icon {
|
||||||
@include ov-icon(sm);
|
@include ov-icon(sm);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: var(--ov-hover-color);
|
||||||
|
color: var(--ov-text-surface-color);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -320,6 +320,8 @@
|
|||||||
}
|
}
|
||||||
.moderator-badge {
|
.moderator-badge {
|
||||||
color: var(--ov-meet-color-warning);
|
color: var(--ov-meet-color-warning);
|
||||||
margin-right: var(--ov-meet-spacing-xs);
|
mat-icon {
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user