diff --git a/app/resources/images/share-screen.svg b/app/resources/images/share-screen.svg new file mode 100644 index 0000000..cbd90b4 --- /dev/null +++ b/app/resources/images/share-screen.svg @@ -0,0 +1,11 @@ + + + + + + + diff --git a/app/resources/images/unshare-screen.svg b/app/resources/images/unshare-screen.svg new file mode 100644 index 0000000..8193903 --- /dev/null +++ b/app/resources/images/unshare-screen.svg @@ -0,0 +1,12 @@ + + + + + + + diff --git a/app/stylus/components/Room.styl b/app/stylus/components/Room.styl index 5cd6b26..d305da7 100644 --- a/app/stylus/components/Room.styl +++ b/app/stylus/components/Room.styl @@ -232,6 +232,25 @@ } } + &.screen { + &.on { + background-image: url('/resources/images/unshare-screen.svg'); + } + + &.off { + background-image: url('/resources/images/share-screen.svg'); + } + + &.unsupported { + background-image: url('/resources/images/unshare-screen.svg'); + background-color: rgba(#d42241, 0.7); + } + + &.need-extension { + background-image: url('/resources/images/share-screen.svg'); + } + } + &.leave-meeting { background-image: url('/resources/images/leave-meeting.svg'); }