"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "openmeetings-web/src/main/webapp/css/raw-room.css" between
apache-openmeetings-6.1.0-src.tar.gz and apache-openmeetings-6.2.0-src.tar.gz

About: OpenMeetings is a browser-based software that allows you to set up instantly a conference in the Web. You can use your microphone or webcam, share documents on a white board, share your screen or record meetings. Source code.

raw-room.css  (apache-openmeetings-6.1.0-src):raw-room.css  (apache-openmeetings-6.2.0-src)
skipping to change at line 35 skipping to change at line 35
.room-block .sb-wb .sidebar { .room-block .sb-wb .sidebar {
min-width: 155px; min-width: 155px;
width: var(--sidebar-width); width: var(--sidebar-width);
position: absolute; position: absolute;
height: 100%; height: 100%;
top: 0; top: 0;
right: auto; right: auto;
left: 0; left: 0;
} }
.room-block .sb-wb .sidebar #room-sidebar-tabs { .room-block .sb-wb .sidebar #room-sidebar-tabs {
height: calc(100% - var(--buffer-size) - var(--activities-height)); height: calc(100% - var(--activities-height));
} }
.room-block .sb-wb .sidebar .tab { .room-block .sb-wb .sidebar .tab {
padding: 5px 0 0 0; padding: 5px 0 0 0;
} }
.room-block .sb-wb .sidebar .tab i { .room-block .sb-wb .sidebar .tab i {
font-size: 2.0em; font-size: 2.0em;
vertical-align: top; vertical-align: top;
} }
html[dir="rtl"] .room-block .sb-wb .sidebar { html[dir="rtl"] .room-block .sb-wb .sidebar {
right: 0; right: 0;
skipping to change at line 111 skipping to change at line 111
margin-right: 20px; margin-right: 20px;
overflow: hidden; overflow: hidden;
} }
.room-block.narrow .sidebar .user-list .user.name { .room-block.narrow .sidebar .user-list .user.name {
display: none; display: none;
} }
.room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status { .room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status {
border-radius: 50%; border-radius: 50%;
} }
.room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status.user { .room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status.user {
background-color: var(--success); background-color: var(--bs-success);
} }
.room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status.wb { .room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status.wb {
background-color: var(--warning); background-color: var(--bs-warning);
} }
.room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status.mod { .room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status.mod {
background-color: var(--danger); background-color: var(--bs-danger);
} }
.room-block .sb-wb .sidebar .user-list .user.entry .om-icon.audio-activity { .room-block .sb-wb .sidebar .user-list .user.entry .om-icon.audio-activity {
position: absolute; position: absolute;
bottom: 2px; bottom: 2px;
right: 2px; right: 2px;
} }
.user-list .user.entry:hover .video-container { .user-list .user.entry:hover .video-container {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
skipping to change at line 145 skipping to change at line 145
.user-list .user.entry .video-container .user-list .user.entry .video-container
, .user-list .user.entry .video-container .video.audio-only , .user-list .user.entry .video-container .video.audio-only
{ {
width: 80px; width: 80px;
height: 80px; height: 80px;
} }
.user-list .user.entry .video-container .footer { .user-list .user.entry .video-container .footer {
display: none !important; display: none !important;
} }
.room-block .sb-wb .sidebar .icon-undock, .room-block .sb-wb .sidebar .icon-dock { .room-block .sb-wb .sidebar .icon-undock, .room-block .sb-wb .sidebar .icon-dock {
font-size: 1.6em; font-size: 1.2em;
padding-top: 3px; padding-top: 3px;
} }
.room-block .sb-wb .sidebar .icon-dock:before { .room-block .sb-wb .sidebar .icon-dock:before {
content: "\f101"; content: "\f101";
} }
.room-block .sb-wb .sidebar .icon-undock::before { .room-block .sb-wb .sidebar .icon-undock::before {
content: "\f100"; content: "\f100";
} }
.room-block .sb-wb .sidebar #room-sidebar-tabs .tab-content { .room-block .sb-wb .sidebar #room-sidebar-tabs .tab-content {
height: calc(100% - 44px); height: calc(100% - 44px);
skipping to change at line 173 skipping to change at line 173
.om-icon.ulist-small { .om-icon.ulist-small {
width: 14px; width: 14px;
height: 14px; height: 14px;
min-height: 14px; min-height: 14px;
margin-right: 2px; margin-right: 2px;
margin-left: unset; margin-left: unset;
} }
.audio-activity.om-icon { .audio-activity.om-icon {
opacity: 0.2; opacity: 0.2;
border-radius: 50%; border-radius: 50%;
background-color: var(--success); background-color: var(--bs-success);
border: 1px solid var(--gray-dark); border: 1px solid var(--bs-gray-dark);
} }
.typing-activity { .typing-activity {
display: none; display: none;
width: 20px; width: 20px;
position: relative; position: relative;
} }
.typing-activity i { .typing-activity i {
position: absolute; position: absolute;
left: 0; left: 0;
animation: typing-ani 2s infinite; animation: typing-ani 2s infinite;
color: var(--primary); color: var(--bs-primary);
} }
@keyframes typing-ani { @keyframes typing-ani {
0% { 0% {
left: 0; left: 0;
} }
50% { 50% {
left: 10px; left: 10px;
} }
100% { 100% {
left: 0; left: 0;
skipping to change at line 210 skipping to change at line 210
} }
.audio-activity.om-icon.speaking { .audio-activity.om-icon.speaking {
opacity: 1; opacity: 1;
} }
.om-icon.volume-control a:hover { .om-icon.volume-control a:hover {
text-decoration: none; text-decoration: none;
} }
.om-icon.volume-control a.volume-on::before { .om-icon.volume-control a.volume-on::before {
content: "\f027"; content: "\f027";
font-size: 1.2em; font-size: 1.2em;
color: var(--secondary); color: var(--bs-secondary);
} }
.om-icon.volume-control a.volume-off::before { .om-icon.volume-control a.volume-off::before {
content: "\f6a9"; content: "\f6a9";
font-size: 1.2em; font-size: 1.2em;
color: var(--danger); color: var(--bs-danger);
} }
.om-icon.volume-control .dropdown-menu { .om-icon.volume-control .dropdown-menu {
width: 20px; width: 20px;
min-width: 20px; min-width: 20px;
border-radius: 0; border-radius: 0;
border: 0; border: 0;
box-shadow: initial; box-shadow: initial;
background-color: transparent; background-color: transparent;
} }
.om-icon.volume-control .dropdown-menu .slider { .om-icon.volume-control .dropdown-menu .slider {
border-radius: 0; border-radius: 0;
background-color: white; background-color: white;
border-color: var(--secondary); border-color: var(--bs-secondary);
} }
.om-icon.volume-control .dropdown-menu .slider .ui-slider-range { .om-icon.volume-control .dropdown-menu .slider .ui-slider-range {
border-radius: 0; border-radius: 0;
background-color: var(--light); background-color: var(--bs-light);
} }
.om-icon.volume-control .dropdown-menu .slider .handle { .om-icon.volume-control .dropdown-menu .slider .handle {
border-radius: 0; border-radius: 0;
background-color: var(--light); background-color: var(--bs-light);
border-color: var(--secondary); border-color: var(--bs-secondary);
color: var(--secondary); color: var(--bs-secondary);
} }
.user-video .om-icon.volume-control .user-video .om-icon.volume-control
, .user-video .btn.btn-refresh , .user-video .btn.btn-refresh
, .user-video .btn.btn-toggle , .user-video .btn.btn-toggle
, .user-video .btn.btn-wclose , .user-video .btn.btn-wclose
{ {
width: 20px; width: 20px;
height: 20px; height: 20px;
} }
.user-video .om-icon.volume-control { .user-video .om-icon.volume-control {
border-radius: 0.2rem; border-radius: 0.2rem;
border: 1px solid var(--secondary); border: 1px solid var(--bs-secondary);
margin-top: 3px; margin-top: 3px;
padding: 1px; padding: 1px;
} }
.user-video .btn.btn-refresh .user-video .btn.btn-refresh
, .user-video .btn.btn-toggle , .user-video .btn.btn-toggle
, .user-video .btn.btn-wclose , .user-video .btn.btn-wclose
{ {
padding: 0; padding: 0;
} }
.user-video .btn.btn-toggle i::before { .user-video .btn.btn-toggle i::before {
skipping to change at line 276 skipping to change at line 276
#room-sidebar-tab-users .header .om-icon i { #room-sidebar-tab-users .header .om-icon i {
font-size: 1.2em; font-size: 1.2em;
} }
.right.om-icon i { .right.om-icon i {
position: absolute; position: absolute;
bottom: 1px; bottom: 1px;
right: 1px; right: 1px;
font-size: .6em; font-size: .6em;
} }
.right.om-icon i::before { .right.om-icon i::before {
color: var(--success); color: var(--bs-success);
content: "\f055"; content: "\f055";
} }
.right.om-icon.granted i::before { .right.om-icon.granted i::before {
color: var(--danger); color: var(--bs-danger);
content: "\f056"; content: "\f056";
} }
.right.moderator.om-icon::before { .right.moderator.om-icon::before {
content: "\f007"; content: "\f007";
} }
.right.presenter.om-icon::before { .right.presenter.om-icon::before {
content: "\f0d0"; content: "\f0d0";
} }
.right.wb.om-icon::before { .right.wb.om-icon::before {
content: "\f303"; content: "\f303";
skipping to change at line 315 skipping to change at line 315
content: '\f6a9'; content: '\f6a9';
} }
.room-block .sb-wb .sidebar .user-list .user.entry .kick i { .room-block .sb-wb .sidebar .user-list .user.entry .kick i {
font-size: 1.5em; font-size: 1.5em;
} }
.settings.om-icon::before { .settings.om-icon::before {
content: '\f013'; content: '\f013';
} }
.activity.cam.enabled.om-icon::before { .activity.cam.enabled.om-icon::before {
content: '\f03d'; content: '\f03d';
color: var(--success); color: var(--bs-success);
} }
.activity.cam.om-icon, .activity.mic.om-icon { .activity.cam.om-icon, .activity.mic.om-icon {
display: none; display: none;
} }
.activity.cam.om-icon::before { .activity.cam.om-icon::before {
content: '\f4e2'; content: '\f4e2';
color: var(--warning); color: var(--bs-warning);
} }
.activity.mic.enabled.om-icon::before { .activity.mic.enabled.om-icon::before {
content: '\f130'; content: '\f130';
color: var(--success); color: var(--bs-success);
} }
.om-icon.disabled { .om-icon.disabled {
filter: grayscale(100%); filter: grayscale(100%);
pointer-events: none; pointer-events: none;
opacity: .2; opacity: .2;
} }
.activity.mic.om-icon::before { .activity.mic.om-icon::before {
content: '\f131'; content: '\f131';
color: var(--warning); color: var(--bs-warning);
} }
.room-block .sb-wb .sidebar .user-list .user.entry.current { .room-block .sb-wb .sidebar .user-list .user.entry.current {
font-weight: bold; font-weight: bold;
background-color: var(--light); background-color: var(--bs-light);
} }
.dropdown-menu.video.volume, .dropdown-menu.video.volume li { .dropdown-menu.video.volume, .dropdown-menu.video.volume li {
width: 20px; width: 20px;
min-width: 20px; min-width: 20px;
border-radius: 0; border-radius: 0;
border: 0; border: 0;
box-shadow: initial; box-shadow: initial;
left: 70px; left: 70px;
top: -50px; top: -50px;
background-color: transparent; background-color: transparent;
skipping to change at line 407 skipping to change at line 407
bottom: 30px; bottom: 30px;
right: 30px; right: 30px;
} }
.room-block .wait-moder strong { .room-block .wait-moder strong {
display: block; display: block;
padding-bottom: 20px; padding-bottom: 20px;
} }
/************ VIDEO **************/ /************ VIDEO **************/
.mic-on { .mic-on {
background-color: var(--warning); background-color: var(--bs-warning);
} }
.ui-dialog.video .ui-dialog.video
, .ui-dialog.sharer , .ui-dialog.sharer
, .ui-dialog.video .ui-dialog-titlebar , .ui-dialog.video .ui-dialog-titlebar
, .ui-dialog.video .ui-dialog-content , .ui-dialog.video .ui-dialog-content
{ {
padding: 0; padding: 0;
} }
.user-video .ui-dialog-titlebar .user-video .ui-dialog-titlebar
, .sharer .ui-dialog-titlebar , .sharer .ui-dialog-titlebar
, .wb-tool-settings .ui-dialog-titlebar , .wb-tool-settings .ui-dialog-titlebar
{ {
background-color: var(--white); background-color: var(--bs-white);
} }
.sharer .ui-dialog-titlebar-close { .sharer .ui-dialog-titlebar-close {
position: absolute; position: absolute;
top: 20px top: 20px
} }
.user-video .buttonpane { .user-video .buttonpane {
background-color: var(--white); background-color: var(--bs-white);
position: absolute; position: absolute;
right: 2px; right: 2px;
top: 2px top: 2px
} }
.ui-dialog.video .ui-dialog-content { .ui-dialog.video .ui-dialog-content {
overflow: hidden; overflow: hidden;
} }
.ui-dialog.video .ui-dialog-titlebar { .ui-dialog.video .ui-dialog-titlebar {
padding-left: 10px; padding-left: 10px;
border: none; border: none;
skipping to change at line 527 skipping to change at line 527
content: ' '; content: ' ';
width: 32px; width: 32px;
height: 32px; height: 32px;
transform: rotate(-45deg); transform: rotate(-45deg);
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
right: -21px; right: -21px;
bottom: -16px; bottom: -16px;
background: repeating-linear-gradient( background: repeating-linear-gradient(
var(--dark), var(--dark) 3px, transparent 3px, transparent 5px var(--bs-dark), var(--bs-dark) 3px, transparent 3px, transparent 5px
); );
} }
.room-block .room-container .user-video .header { .room-block .room-container .user-video .header {
height: 20px; height: 20px;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
.room-block .room-container .user-video .header .ui-dialog-title { .room-block .room-container .user-video .header .ui-dialog-title {
padding-left: 5px; padding-left: 5px;
skipping to change at line 667 skipping to change at line 667
border-radius: 15px; border-radius: 15px;
} }
#room-poll-chart { #room-poll-chart {
height: 300px; height: 300px;
} }
#quick-vote { #quick-vote {
position: absolute; position: absolute;
right: 40px; right: 40px;
bottom: 40px; bottom: 40px;
padding: 5px; padding: 5px;
background-color: var(--info); background-color: var(--bs-info);
} }
#quick-vote .control { #quick-vote .control {
display: inline-block; display: inline-block;
width: 40px; width: 48px;
height: 40px; height: 48px;
background-repeat: no-repeat;
background-size: 35px;
position: relative; position: relative;
font-size: 1.5em; font-size: 1.5em;
} }
#quick-vote .control .badge { #quick-vote .control .badge {
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: 0;
font-size: 0.5em;
} }
#quick-vote .control i::before { #quick-vote .control i::before {
font-size: 2.0em; font-size: 2.0em;
line-height: 1.2em; line-height: 1.2em;
} }
#quick-vote .control.pro i::before { #quick-vote .control.pro i::before {
color: var(--success); color: var(--bs-success);
} }
#quick-vote .control.con i::before { #quick-vote .control.con i::before {
color: var(--danger); color: var(--bs-danger);
} }
#quick-vote .close-btn { #quick-vote .close-btn {
float: right; float: right;
padding: 0 0.4rem; padding: 0 0.4rem;
} }
.main.room.INTERVIEW #quick-vote { .main.room.INTERVIEW #quick-vote {
z-index: 100; z-index: 100;
right: 10px; right: 10px;
bottom: 0; bottom: 0;
padding: 0px 5px 0px 5px; padding: 0px 5px 0px 5px;
skipping to change at line 747 skipping to change at line 746
display: none; display: none;
} }
.video.audio-only .mute-others { .video.audio-only .mute-others {
top: calc(50% - 16px); top: calc(50% - 16px);
left: calc(50% - 10px); left: calc(50% - 10px);
width: 32px; width: 32px;
height: 32px; height: 32px;
} }
.video .mute-others::before { .video .mute-others::before {
content: '\f3c9'; content: '\f3c9';
color: var(--warning); color: var(--bs-warning);
line-height: 1em; line-height: 1em;
font-size: 2.5em; font-size: 2.5em;
} }
.video:hover .mute-others.enabled { .video:hover .mute-others.enabled {
display: block; display: block;
} }
.user-video.ui-dialog .ui-dialog-content { .user-video.ui-dialog .ui-dialog-content {
height: calc(100% - var(--vdialog-titlebar-height)) !important; height: calc(100% - var(--vdialog-titlebar-height)) !important;
width: 100% !important; width: 100% !important;
} }
 End of changes. 30 change blocks. 
35 lines changed or deleted 34 lines changed or added

Home  |  About  |  Features  |  All  |  Newest  |  Dox  |  Diffs  |  RSS Feeds  |  Screenshots  |  Comments  |  Imprint  |  Privacy  |  HTTP(S)