1
0
mirror of https://github.com/qTox/qTox.git synced 2024-03-22 14:00:36 +08:00
qTox/ui/chatForm/fullScreenButtons.css
tox-user d6df8883e3
feat(chat): full screen video chat
Implements #2922 and #2514.
This change adds:
- a button for enabling full screen mode
- a panel with buttons for controlling the chat in full screen mode
- a button to toggle video preview
- new icons

fix(chat): fix buttons in full screen video call
feat(chat): add hotkey for exiting full screen video
fix(chat): use screen res to position button panel
fix(chat): dont remove video widget on window close
2018-05-10 20:08:37 +00:00

79 lines
1.5 KiB
CSS

QFrame
{
background-color: rgba(50, 50, 50, 0.6);
border-radius: 20px;
}
QAbstractButton
{
background-color: transparent;
background-repeat: none;
background-position: center;
border: none;
border-radius: 5px;
}
QAbstractButton:hover
{
background-color: rgba(255,255,255, 0.2);
}
QAbstractButton:pressed
{
background-color: rgba(0,0,0, 0.2);
}
QAbstractButton#volButtonFullScreen
{
background-image: url(":/ui/chatForm/volButton.svg");
width: 11px;
height: 9px;
padding: 12px;
}
QAbstractButton#micButtonFullScreen
{
background-image: url(":/ui/chatForm/micButton.svg");
width: 11px;
height: 9px;
padding: 12px;
}
QAbstractButton#videoButtonFullScreen
{
background-image: url(":/ui/chatForm/videoButtonRed.svg");
width: 37px;
height: 33px;
}
QAbstractButton#videoPreviewButton
{
background-image: url(":/ui/chatForm/videoPreview.svg");
width: 13px;
height: 13px;
padding: 10px;
}
QAbstractButton#exitFullScreenButton
{
background-image: url(":/ui/chatForm/exitFullScreenButton.svg");
width: 30px;
height: 30px;
padding: 1px;
}
QAbstractButton#volButtonFullScreen[state="red"]
{
background-image: url(":/ui/chatForm/volButtonRed.svg");
}
QAbstractButton#micButtonFullScreen[state="red"]
{
background-image: url(":/ui/chatForm/micButtonRed.svg");
}
QAbstractButton#videoPreviewButton[state="red"]
{
background-image: url(":/ui/chatForm/videoPreviewRed.svg");
}