Skip to content

Instantly share code, notes, and snippets.

@Pigpog
Last active August 30, 2018 04:07
Show Gist options
  • Save Pigpog/aca27f1a4075ec97eb59a5ff5124419e to your computer and use it in GitHub Desktop.
Save Pigpog/aca27f1a4075ec97eb59a5ff5124419e to your computer and use it in GitHub Desktop.
Tampermonkey script to make https://rabb.it video calls square instead of round.
// ==UserScript==
// @name Rabb.it square
// @namespace https://github.com/Pigpog
// @version 0.1
// @description change rabb.it video calls to squares instead of circles.
// @author Pigpog
// @match https://www.rabb.it/*
// @grant none
// ==/UserScript==
(function() {
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css.replace(/;/g, ' !important;');
head.appendChild(style);
}
addGlobalStyle(
`
.videoRegion.bubble, .videoRegion.bubble-moz, .videoRegion.bubble-webkit, .videoRegion.bubble-webkit>.videoView, .desktop .roomLayout .mainRoom .videoChatView .vcWrapper>.leftSide>.lsWrapper>.mainContent>.grid .gridView .userSessionView, .desktop .roomLayout .mainRoom .videoChatView .vcWrapper>.leftSide>.lsWrapper .userSessionView .sessionStream, .desktop .roomLayout .mainRoom .videoChatView .vcWrapper>.leftSide>.lsWrapper .userSessionView .streamBackground, .desktop .roomLayout .mainRoom .videoChatView .vcWrapper>.leftSide>.lsWrapper .userSessionView .streamBackground .noVideo, .desktop .roomLayout .mainRoom .videoChatView .vcWrapper>.leftSide>.lsWrapper .userSessionView .screencastControl{
border-radius:0;
-webkit-border-radius:0;
}
.desktop .roomLayout .mainRoom .videoChatView .vcWrapper>.leftSide>.lsWrapper .userSessionView .sessionStream, .desktop .roomLayout .mainRoom .videoChatView .vcWrapper>.leftSide>.lsWrapper .userSessionView .streamBackground, .desktop .roomLayout .mainRoom .videoChatView .vcWrapper>.leftSide>.lsWrapper .userSessionView .streamBackground .noVideo{
-webkit-border-radius:0;
border-radius:0;
}
.desktop .roomLayout .mainRoom .videoChatView .vcWrapper>.leftSide>.lsWrapper .userSessionView .content .volumeRing{
border-radius:0;
-webkit-border-radius:0;
}
.desktop .roomLayout .mainRoom .videoChatView .vcWrapper>.leftSide>.lsWrapper .userSessionView .streamBackground .noVideo .picture{
border-radius:0;
-webkit-border-radius:0;
}
`
)
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment