ghaymah_dev/codepill-sfu
1
0
نسخ 0
الشفرة المشكلات طلبات السحب Actions Packages المشاريع الإصدارات الويكي النشاط

[mirotalksfu] - improve UI

تصفح المصدر
هذا الالتزام موجود في:
Miroslav Pejic
2023-06-05 10:42:32 +02:00
الأصل 8dcccea075
التزام f51ff61e71
1 ملفات معدلة مع 20 إضافات و15 حذوفات
تنزيل ملف التصحيح تنزيل ملف الاختلاف توسيع جميع الملفات طي جميع الملفات

35
public/css/Room.css
عرض الملف

@@ -96,7 +96,7 @@ body {
} }
#google_translate_element select { #google_translate_element select {
background: #2c2c2c !important; background-color: #2c2c2c !important;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
@@ -140,7 +140,7 @@ body {
width: 100%; width: 100%;
margin-top: 15px; margin-top: 15px;
padding: 10px; padding: 10px;
background: #2c2c2c; background-color: #2c2c2c !important;
color: white; color: white;
border: var(--border); border: var(--border);
border-radius: 5px; border-radius: 5px;
@@ -256,18 +256,20 @@ body {
#mySettings i, #mySettings i,
#mySettings p { #mySettings p {
display: inline-block; display: inline-flex;
margin: auto;
color: #fff; color: #fff;
padding: 5px; padding: 5px;
background: transparent; background: transparent;
} }
#mySettings select { #mySettings select {
margin-top: 1rem;
width: auto; width: auto;
max-width: 310px; max-width: 310px;
height: 40px; height: 40px;
color: #fff; color: #fff;
background-color: transparent; background-color: #2c2c2c !important;
border: var(--border); border: var(--border);
border-radius: 5px; border-radius: 5px;
cursor: pointer; cursor: pointer;
@@ -318,19 +320,22 @@ th {
--------------------------------------------------------------*/ --------------------------------------------------------------*/
.tab { .tab {
overflow: hidden; overflow: hidden;
background-color: #000000; background-color: rgba(0, 0, 0, 0.2);
border-radius: 5px;
} }
/* Style the buttons inside the tab */ /* Style the buttons inside the tab */
.tab button { .tab button {
background-color: inherit; margin: 2px;
padding: 14px 16px;
float: left; float: left;
font-size: 0.8rem;
color: #fff;
border: none; border: none;
background-color: inherit;
outline: none; outline: none;
cursor: pointer; cursor: pointer;
padding: 14px 16px;
transition: 0.3s; transition: 0.3s;
color: #fff;
} }
/* Change background color of buttons on hover */ /* Change background color of buttons on hover */
@@ -364,7 +369,7 @@ th {
} }
.tabcontent button:hover { .tabcontent button:hover {
background-color: #121212; background-color: rgba(0, 0, 0, 0.2);
transform: scale(1); transform: scale(1);
} }
@@ -410,7 +415,7 @@ th {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 10px; padding: 10px;
background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);
color: #666; color: #666;
cursor: move; cursor: move;
} }
@@ -419,7 +424,7 @@ th {
.chat-header-options button { .chat-header-options button {
border: none; border: none;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);
color: #fff; color: #fff;
border-radius: 5px; border-radius: 5px;
transition: background 0.23s; transition: background 0.23s;
@@ -580,7 +585,7 @@ a:hover {
border: none; border: none;
border: var(--border); border: var(--border);
border-top-left-radius: 10px; border-top-left-radius: 10px;
background: rgb(7 7 7); background: rgba(0, 0, 0, 0.2);
transition: height 1s; transition: height 1s;
resize: none; resize: none;
} }
@@ -771,7 +776,7 @@ button:hover {
.participants-header { .participants-header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
color: #fff; color: #fff;
@@ -859,7 +864,7 @@ button:hover {
.lobby-header { .lobby-header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
color: #fff; color: #fff;
@@ -963,7 +968,7 @@ progress {
.whiteboard-header { .whiteboard-header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
color: #fff; color: #fff;