diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-08-14 10:47:00 +0200 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-08-14 10:47:00 +0200 |
| commit | 2a115bd79f2e45348f81c554c81723578a53bb05 (patch) | |
| tree | cdadb5e3fe5a7f1af8e8141d9aa0567229d8ec45 /css | |
| parent | ed42d3fb7ccbd46ca8aadb8a623b3bb1e7721441 (diff) | |
Audio player fix, loading fixes and design update
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'css')
| -rw-r--r-- | css/app.css | 1 | ||||
| -rw-r--r-- | css/content.css | 17 |
2 files changed, 14 insertions, 4 deletions
diff --git a/css/app.css b/css/app.css index 229cee81a..b0eaa3fa8 100644 --- a/css/app.css +++ b/css/app.css @@ -9,7 +9,6 @@ */ #global-loading { width: 100%; - height: 100%; } #undo-container { diff --git a/css/content.css b/css/content.css index b21aff528..57b4b22df 100644 --- a/css/content.css +++ b/css/content.css @@ -7,6 +7,14 @@ * @author Bernhard Posselt <dev@bernhard-posselt.com> * @copyright Bernhard Posselt 2014 */ + +#app-content { + width: 100% +} +#app-navigation:not(.hidden) + #app-content { + width: calc(100% - 300px); +} + #app-content #searchresults { display: none; } @@ -47,17 +55,20 @@ * Podcast settings */ #app-content .podcast { - height: 30px; + height: 50px; z-index: 10000; background-color: #111; + display: flex; + position: sticky; + top: 50px; + align-items: center; } #app-content .podcast audio { display: block; - float: left; width: calc(100% - 60px); - height: 30px; border-radius: 0; + height: inherit; } #app-content .podcast button, |