elias/vdo.ninja
1
0
Fork 0
mirror of https://github.com/eliasstepanik/vdo.ninja.git synced 2026-01-11 13:48:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1057 from lindenkron/Minor-styles

Browse Source 
Minor fixes.
This commit is contained in:
Steve Seguin 2023-04-15 23:35:43 -04:00 committed by GitHub
commit c421498892
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 62 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -2302,7 +2302,7 @@
</div>
</div>
<div id="messagePopup" class="popup-message"></div>
<div id="languages" class="popup-message" style="display: none; right: 0; bottom: 25px; position: absolute;">
<div id="languages" style="right: 20px; bottom: 30px;" class="popup-message" style="display: none;">
<b data-translate='available-languages'>Available Languages:</b>
<br />
<ul id="languagesList" style="list-style-type: none; margin: 0;">
@ -2324,10 +2324,10 @@
<li><a onclick="changeLg('pig');toggle(document.getElementById('languages'));" style="cursor: pointer;">Pig Latin</a></li>
</ul>
<br />
<a href="https://github.com/steveseguin/vdoninja/tree/master/translations" style='color:#333;font-style: italic;' target="_blank" rel="noopener noreferrer" data-translate='add-more-here'>Add More Here!</a>
<i class="las la-exclamation-circle"></i><a href="https://github.com/steveseguin/vdoninja/tree/master/translations" target="_blank" rel="noopener noreferrer" data-translate='add-more-here'>Add More Here!</a>
<br />
</div>
<div id="calendar" class="popup-message" style="display: none; right: 0; padding-left:5px; bottom: 25px; position: absolute;">
<div id="calendar" class="popup-message" style="display: none;">
<b data-translate='add-to-calendar'>Add details to your Calendar:</b>
<br />
<u>

72
main.css
View File

@ -1595,9 +1595,10 @@ body.darktheme{
.gowebcam {
font-size: 110%;
border: 3px solid #DDDDDD;
border: 1px solid #ccc;
background-color: #f0f0f0;
color: black;
cursor: pointer;
background-color: #DDDDDD;
margin: 20px;
padding: 10px 50px;
}
@ -2241,9 +2242,12 @@ label {
max-width: 50%;
gap: 5px;
}
.graphSection>span {
font-size: 10px;
.darktheme .graphSection > span {
color: var(--discord-text)
}
.graphSection > span {
display: block;
font-size: 10px;
height: 50px;
}
.graphSection>span:last-child{
@ -2832,17 +2836,47 @@ audio.fileshare::-webkit-media-controls-play-button, video.fileshare::-webkit-me
border: solid 1px #dfdfdf !important;
box-shadow: 1px 1px 2px #cfcfcf !important;
}
.darktheme .popup-message {
background-color: var(--discord-grey-1);
border-color: var(--discord-grey-3);
color: var(--discord-text);
box-shadow: 1px 1px 3px black;
}
.popup-message {
display: none;
text-align: center;
position: absolute;
z-index: 35 !important;
padding: 3px !important;
min-width: 180px !important;
background-color: #fff !important;
border: solid 1px #dfdfdf !important;
box-shadow: 1px 1px 2px #cfcfcf !important;
z-index: 35;
padding: 5px;
border-radius: 4px;
min-width: 180px;
background-color: #fff;
border: solid 1px #dfdfdf;
box-shadow: 1px 1px 2px #cfcfcf;
}
.darktheme .popup-message ul {
list-style: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAAr0lEQVQYlY3QMUoDUBAE0KciNtpI+hQ5gdhZ5QIewwN4EisJpM0RhJRiZSt4A8EynWlCig0j+wttdODzYXZndhj/QlX9frOqeq6q96paZ3aMNW7b8AorTPCBRcijKJrI4gsuscXNSBKnDaZ4xQX2OGtBnL+X7lp5jhNc9x/HR8xybmR5aKeBXQs3cQreMO/BKb46U7JOxlJCP7Uyp++bX+JzdJQ+0kv6SU8/uvsbOACH0VkbmsdQwQAAAABJRU5ErkJggg==);
}
.popup-message ul {
list-style: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAA/ElEQVQYlTWPwUrEMBCGJ2mUNKZxIbRQ2oPeRT34OH2HPfQ5eugzeRG8rOLdvRVagm5Jm+DSILO0c5kZZub/vyF1XcMWTdNgda2UeqSUSmvt736/P7C2bZ9DCN8hhBMAxEqpJ601H4bhJ4RwxCsqpdwJIe6wieP4Icsy3nWdt9Z+rIdAlFIvWmuJAynlVRRFsCwLTNPknXNfAODoOI6fxhhfliUnhNCqql4xF0Vxg9bISFbmGK2EEJwxdlGy1p7zPOfGGEvX75xz7n2apnOSJBFaee/fEB6/ZBd6Sm8RPk1T3vf9xgLzPB8ppWRbumeM7VAaGQHgb3U4AcDhH7U6eiFtegoRAAAAAElFTkSuQmCC');
margin-left: 14px;
}
.popup-message li {
text-align: left;
padding-left: unset;
line-height: unset;
margin: 0 0 0 18px;
}
.popup-message a {
}
.context-menu--active {
display: block !important;
}
@ -3595,6 +3629,18 @@ div#roomnotes2 {
gap: 4px;
}
.controlsGrid button {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.controlsGrid button span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.darktheme .controlsGrid .group {
background-color: var(--discord-grey-3);
border: 1px solid var(--discord-grey-8);
@ -3856,6 +3902,9 @@ div#roomnotes2 {
color: var(--discord-text);
background-color: #7E7E7E;
padding: 0px 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.contolboxLabel {
@ -5121,9 +5170,6 @@ body.darktheme #chatInput{
background-color: var(--discord-grey-7);
color: var(--discord-text)
}
body.darktheme .popup-message{
background-color: #9b9b9b !important;
}
body.darktheme #audioScreenShare1{
background-color: var(--discord-grey-3);
}