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

added icon padding within permission list

Browse source
This commit is contained in:
WolverinDEV 2019-05-25 11:22:29 +02:00
parent cd947f6b2f
commit c0601d4682
2 changed files with 70 additions and 68 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

135
shared/css/static/general.scss
View file

@ -45,7 +45,7 @@
@viewport {
width: device-width;
user-zoom:fixed;
user-zoom: fixed;
}
.select_info {
@ -237,7 +237,7 @@ $small_device: 650px;
$animation_length: .5s;
.app {
min-width: 350px;
min-width: 350px;
min-height: 330px;
.container-app-main {
@ -318,17 +318,17 @@ $animation_length: .5s;
}
.hide-small {
opacity: 1;
transition: opacity $animation_length linear;
}
.hide-small {
opacity: 1;
transition: opacity $animation_length linear;
}
.show-small {
display: none;
.show-small {
display: none;
opacity: 0;
transition: opacity $animation_length linear;
}
opacity: 0;
transition: opacity $animation_length linear;
}
}
@media only screen and (max-width: 400px), only screen and (max-height: 400px) {
@ -338,62 +338,63 @@ $animation_length: .5s;
}
@media only screen and (max-width: $small_device) {
.app-container {
right: 0;
left: 0;
top: 0;
.app-container {
right: 0!important;
left: 0!important;;
top: 0!important;;
transition: all $animation_length linear;
transition: all $animation_length linear;
overflow: auto;
}
}
.app {
.container-app-main {
.app {
.container-app-main {
.container-info {
display: none;
position: absolute;
.container-info {
display: none;
position: absolute;
width: 100%!important; /* override the seperator property */
height: 100%;
width: 100% !important; /* override the seperator property */
height: 100%;
z-index: 1000;
z-index: 1000;
&.shown {
display: block;
}
&.shown {
display: block;
}
.select_info {
> .close {
display: block;
}
}
}
.select_info {
> .close {
display: block;
}
}
}
.container-channel-chat + .container-seperator {
display: none;
animation: fadeout $animation_length linear;
}
.container-channel-chat + .container-seperator {
display: none;
animation: fadeout $animation_length linear;
}
.container-channel-chat {
width: 100%!important; /* override the seperator property */
}
}
}
.container-channel-chat {
width: 100% !important; /* override the seperator property */
}
}
}
.hide-small {
display: none;
opacity: 0;
transition: opacity $animation_length linear;
}
.hide-small {
display: none;
opacity: 0;
transition: opacity $animation_length linear;
}
.show-small {
display: block!important;
.show-small {
display: block !important;
opacity: 1!important;
transition: opacity $animation_length linear;
}
opacity: 1 !important;
transition: opacity $animation_length linear;
}
}
.container-seperator {
background: lightgray;
flex-grow: 0;
@ -455,21 +456,21 @@ body {
}
.icon-playlist-manage {
&.icon {
width: 16px;
height: 16px;
&.icon {
width: 16px;
height: 16px;
background-position: -5px -5px;
background-size: 25px;
}
background-position: -5px -5px;
background-size: 25px;
}
&.icon_x32 {
width: 32px;
height: 32px;
&.icon_x32 {
width: 32px;
height: 32px;
background-position: -11px -9px;
background-size: 50px;
}
background-position: -11px -9px;
background-size: 50px;
}
display: inline-block;
background: url('../../img/music/playlist.svg') no-repeat;
@ -489,6 +490,6 @@ x-content {
/* bootstrap materialize fix */
.form-row {
margin-left: 0!important;
margin-right: 0!important;
margin-left: 0 !important;
margin-right: 0 !important;
}

3
shared/css/static/modals.scss
View file

@ -280,8 +280,9 @@ modal-body {
white-space: nowrap;
cursor: pointer;
.icon, .icon_empty {
.icon, .icon_empty, .icon-container {
margin-right: 3px;
margin-left: 3px;
}
.name.savedb {