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

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

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