KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed positioning of searchloader on mobile

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2017-11-11 13:00:59 +01:00
parent 82047a5e2d
commit 527904d49b
1 changed files with 1263 additions and 1262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
server/public/assets/css/style.css
View File

@@ -2,10 +2,10 @@
1. Global styles 1. Global styles
2. Entry page 2. Entry page
3. Channel page 3. Channel page
3.0 Page 3.0 Page
3.1 Video 3.1 Video
3.2 Playlist 3.2 Playlist
3.3 Search 3.3 Search
*/ */
html { html {
@@ -664,13 +664,13 @@ main {
} }
nav .zbrand{ nav .zbrand{
min-width: 200px; min-width: 200px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
font-size: 30px; font-size: 30px;
padding: 0 20px; padding: 0 20px;
left: initial; left: initial;
display: inline-flex; display: inline-flex;
} }
.navbar-fixed { .navbar-fixed {
@@ -813,7 +813,7 @@ hide mdi-action-visibility mdi-action-visibility-off
} }
/*#nav-mobile{ /*#nav-mobile{
margin:-1px; margin:-1px;
}*/ }*/
.mega{ .mega{
@@ -1556,9 +1556,9 @@ ul #chat-log{
} }
/*.castButton-active, .castButton-active:active, .castButton-active:hover, .castButton-active:focus{ /*.castButton-active, .castButton-active:active, .castButton-active:hover, .castButton-active:focus{
font-size: 5rem; font-size: 5rem;
margin-top: -70px; margin-top: -70px;
margin-right: 52%; margin-right: 52%;
}*/ }*/
.chat-link{ .chat-link{
@@ -1608,7 +1608,7 @@ ul #chat-log{
.nav-btn:hover > .hover-text { .nav-btn:hover > .hover-text {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
nav ul li:hover, nav ul li.active { nav ul li:hover, nav ul li.active {
background-color: rgba(0,0,0,0.1); background-color: rgba(0,0,0,0.1);
@@ -1808,14 +1808,14 @@ nav ul li:hover, nav ul li.active {
} }
.result:hover, .hoverResults { .result:hover, .hoverResults {
background-color: rgba(0,0,0,0.4); background-color: rgba(0,0,0,0.4);
} }
.search-title{ .search-title{
height: 40px; height: 40px;
/*padding-top: 33px; /*padding-top: 33px;
margin-bottom: -16px; margin-bottom: -16px;
line-height: initial;*/ line-height: initial;*/
} }
.list-remove{ .list-remove{
width: 70px; width: 70px;
@@ -2798,8 +2798,9 @@ nav ul li:hover, nav ul li.active {
} }
#search_loader{ #search_loader{
margin-left: -50px; margin-left: -36px;
margin-top: 0px; margin-top: 0;
height: 56px;
} }
.title-container{ .title-container{
@@ -3182,11 +3183,11 @@ input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-def
} }
/* /*
* *
* *
* Source: https://codepen.io/NickyCDK/pen/AIonk * Source: https://codepen.io/NickyCDK/pen/AIonk
* *
*/ */
#snow{ #snow{
pointer-events: none; pointer-events: none;