nextcloud
/
spreed
зеркало из https://github.com/nextcloud/spreed.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Adjust videos border radius 

Signed-off-by: Marco Ambrosini <marcoambrosini@icloud.com>
This commit is contained in:
Marco Ambrosini 2022-09-07 14:57:05 +02:00
Родитель e2a4b63cbd
Коммит 1c032c110d
2 изменённых файлов: 7 добавлений и 7 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

4
src/components/CallView/shared/LocalVideo.vue
Просмотреть файл

@ -377,7 +377,7 @@ export default {
left: 0; left: 0;
box-shadow: inset 0 0 0 3px white; box-shadow: inset 0 0 0 3px white;
cursor: pointer; cursor: pointer;
border-radius: var(--border-radius-large); border-radius: calc(var(--default-clickable-area)/2);
} }
.bottom-bar { .bottom-bar {
@ -408,7 +408,7 @@ export default {
// Always display the local video in the last row // Always display the local video in the last row
#localVideoContainer { #localVideoContainer {
grid-row-end: -1; grid-row-end: -1;
border-radius: var(--border-radius-large); border-radius: calc(var(--default-clickable-area)/2);
} }
</style> </style>

10
src/components/CallView/shared/VideoVue.vue
Просмотреть файл

@ -539,7 +539,7 @@ export default {
overflow: hidden; overflow: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border-radius: var(--border-radius-large); border-radius: calc(var(--default-clickable-area)/2);
} }
.video-container-big { .video-container-big {
@ -568,14 +568,14 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: var(--border-radius-large); border-radius: calc(var(--default-clickable-area)/2);
} }
.videoWrapper, .videoWrapper,
.video { .video {
height: 100%; height: 100%;
width: 100%; width: 100%;
border-radius: var(--border-radius-large); border-radius: calc(var(--default-clickable-area)/2);
} }
.videoWrapper.icon-loading:after { .videoWrapper.icon-loading:after {
@ -619,7 +619,7 @@ export default {
top: 0; top: 0;
left: 0; left: 0;
box-shadow: inset 0 0 0 2px white; box-shadow: inset 0 0 0 2px white;
border-radius: var(--border-radius-large); border-radius: calc(var(--default-clickable-area)/2);
} }
.hover-shadow { .hover-shadow {
@ -630,7 +630,7 @@ export default {
left: 0; left: 0;
box-shadow: inset 0 0 0 3px white; box-shadow: inset 0 0 0 3px white;
cursor: pointer; cursor: pointer;
border-radius: var(--border-radius-large); border-radius: calc(var(--default-clickable-area)/2);
} }
</style> </style>