X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=app%2FResources%2Fstatic%2Fthemes%2Fmaterial%2Fcss%2Fmain.css;h=1d14448f9344b4d9b4bb62804e91fd828efb0dd7;hb=c146f6940a176142084b4fc3c610d13aca60d90e;hp=2ffe0b4681846e6e306842ce137889184d250f9d;hpb=2bb138ef6df2d1a608b42907185b274fb87f4513;p=github%2Fwallabag%2Fwallabag.git diff --git a/app/Resources/static/themes/material/css/main.css b/app/Resources/static/themes/material/css/main.css index 2ffe0b46..1d14448f 100755 --- a/app/Resources/static/themes/material/css/main.css +++ b/app/Resources/static/themes/material/css/main.css @@ -91,6 +91,7 @@ body { body.login main { padding: 0; + min-height: 100vh; } .border-bottom { @@ -173,7 +174,7 @@ div.pagination ul .next.disabled { footer.page-footer { margin-top: 10px; - padding-top: 10px; + padding-top: 0; } footer .row { @@ -256,6 +257,11 @@ nav input { display: none; } +.input-field.nav-panel-add, +.input-field.nav-panel-add form { + height: 100%; +} + /* ========================================================================== 2 = Side-nav ========================================================================== */ @@ -303,6 +309,10 @@ nav input { margin: 0 1rem; } +span.numberItems { + float: right; +} + /* ========================================================================== * 3 = Filters slider * ========================================================================== */ @@ -342,6 +352,13 @@ main ul.row { .card .card-content .card-title { line-height: 32px; + max-height: 64px; + display: block; +} + +.card .card-content i.right, +.card .card-reveal i.right { + margin-left: 0; } .card .card-entry-labels { @@ -436,7 +453,8 @@ main ul.row { max-width: 40em; } -#article img { +#article img, +#article figure { max-width: 100%; height: auto; } @@ -512,30 +530,38 @@ main ul.row { footer { padding-left: 0; } + nav, main, footer { padding-left: 0; } + .pagination { width: auto; } + .reader-mode { width: 240px !important; } + .reader-mode span { opacity: 1; } + .tabs { display: inline-block; height: auto; } + .tab { min-width: 100%; } + .indicator { display: none; } + .pagination li.prev, .pagination li.next { width: auto; @@ -553,38 +579,47 @@ main ul.row { width: 25%; margin-left: 0; } + .row .col.l2 { width: 33.33333%; margin-left: 0; } + .row .col.l3 { width: 41.66667%; margin-left: 0; } + .row .col.l4 { width: 50%; margin-left: 0; } + .row .col.l5 { width: 58.33333%; margin-left: 0; } + .row .col.l6 { width: 66.66667%; margin-left: 0; } + .row .col.l7 { width: 75%; margin-left: 0; } + .row .col.l8 { width: 83.33333%; margin-left: 0; } + .row .col.l9 { width: 91.66667%; margin-left: 0; } + .row .col.l10 { width: 100%; margin-left: 0; @@ -629,6 +664,10 @@ main ul.row { content: "\eae6"; } +.icon-link::before { + content: "\e9cb"; +} + footer [class^="icon-"], footer [class*=" icon-"] { font-size: 2em; @@ -655,3 +694,7 @@ div.settings div.input-field ul { div.settings div.file-field div { margin-top: inherit; } + +.input-field label.active { + font-size: 1rem; +}