TeaSpeak
/
TeaWeb
1
0
Fork 0
Code Issues 1 Pull Requests Activity

Improved the connect modal overflow behaviour

canary
WolverinDEV 2020-03-19 11:48:40 +01:00
parent 45092d4ebd
commit 7250c146d8
4 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
shared/css/static/modal-connect.scss
View File

@ -19,6 +19,7 @@
padding: .75em 24px; padding: .75em 24px;
border-left: 2px solid #0073d4; border-left: 2px solid #0073d4;
overflow: hidden;
> .row { > .row {
display: flex; display: flex;
@ -91,6 +92,9 @@
.container-buttons-connect { .container-buttons-connect {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-shrink: 1;
min-width: 6em;
} }
.button-right { .button-right {

2
shared/css/static/modal.scss
View File

@ -499,6 +499,8 @@
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
@include text-dotdotdot();
&:hover { &:hover {
background-color: #0a0a0a; background-color: #0a0a0a;
} }

6
shared/html/templates.html
View File

@ -445,7 +445,6 @@
<div class="general-info"> <div class="general-info">
<div class="block block-left"> <div class="block block-left">
<div class="container-property"> <div class="container-property">
<!-- <div class="icon_em client-home"></div> -->
<div class="container-icon"> <div class="container-icon">
<img src="img/icon_client_online_time.svg" /> <img src="img/icon_client_online_time.svg" />
</div> </div>
@ -455,7 +454,6 @@
</div> </div>
</div> </div>
<div class="container-property"> <div class="container-property">
<!-- <div class="icon_em client-home"></div> -->
<div class="container-icon"> <div class="container-icon">
<img src="img/icon_client_country.svg" /> <img src="img/icon_client_country.svg" />
</div> </div>
@ -465,7 +463,6 @@
</div> </div>
</div> </div>
<div class="container-property container-teaforo"> <div class="container-property container-teaforo">
<!-- <div class="icon_em client-home"></div> -->
<div class="container-icon"> <div class="container-icon">
<img src="img/icon_client_forum_account.svg" /> <img src="img/icon_client_forum_account.svg" />
</div> </div>
@ -475,7 +472,6 @@
</div> </div>
</div> </div>
<div class="container-property"> <div class="container-property">
<!-- <div class="icon_em client-home"></div> -->
<div class="container-icon"> <div class="container-icon">
<img src="img/icon_client_version.svg" /> <img src="img/icon_client_version.svg" />
</div> </div>
@ -485,7 +481,6 @@
</div> </div>
</div> </div>
<div class="container-property"> <div class="container-property">
<!-- <div class="icon_em client-home"></div> -->
<!-- Using inline style because the icon itself is a bit off. A better way would be to edit the icon itself, but I'm unable to do so.... --> <!-- Using inline style because the icon itself is a bit off. A better way would be to edit the icon itself, but I'm unable to do so.... -->
<div class="container-icon" style="margin-right: .16em; margin-left: .04em;"> <div class="container-icon" style="margin-right: .16em; margin-left: .04em;">
<img src="img/icon_client_volume.svg" /> <img src="img/icon_client_volume.svg" />
@ -496,7 +491,6 @@
</div> </div>
</div> </div>
<div class="container-property list container-client-status"> <div class="container-property list container-client-status">
<!-- <div class="icon_em client-home"></div> -->
<div class="container-icon"> <div class="container-icon">
<img src="img/icon_client_status.svg" /> <img src="img/icon_client_status.svg" />
</div> </div>

2
shared/js/ui/modal/ModalConnect.ts
View File

@ -113,7 +113,7 @@ namespace Modals {
default_connect_new_tab: typeof(options.default_connect_new_tab) === "boolean" && options.default_connect_new_tab default_connect_new_tab: typeof(options.default_connect_new_tab) === "boolean" && options.default_connect_new_tab
}), }),
footer: () => undefined, footer: () => undefined,
min_width: "25em" min_width: "28em"
}); });
modal.htmlTag.find(".modal-body").addClass("modal-connect"); modal.htmlTag.find(".modal-body").addClass("modal-connect");