aboutsummaryrefslogtreecommitdiffhomepage
path: root/app/Resources/static/themes/material
diff options
context:
space:
mode:
authorThomas Citharel <tcit@tcit.fr>2016-07-01 13:59:30 +0200
committerThomas Citharel <tcit@tcit.fr>2016-07-01 13:59:30 +0200
commit1d4d9aaf2971e5b4d00a28f935c815e88bcf1487 (patch)
tree2f7f541c4af9882d60534742290ab4e1024a534a /app/Resources/static/themes/material
parent9dbd3e93028630ca808042387e88304020c80c73 (diff)
downloadwallabag-1d4d9aaf2971e5b4d00a28f935c815e88bcf1487.tar.gz
wallabag-1d4d9aaf2971e5b4d00a28f935c815e88bcf1487.tar.zst
wallabag-1d4d9aaf2971e5b4d00a28f935c815e88bcf1487.zip
Bring tags on entries view to baggy
Also, a couple of UI improvement and CSS fixing
Diffstat (limited to 'app/Resources/static/themes/material')
-rwxr-xr-xapp/Resources/static/themes/material/css/main.css87
1 files changed, 45 insertions, 42 deletions
diff --git a/app/Resources/static/themes/material/css/main.css b/app/Resources/static/themes/material/css/main.css
index 053dfd91..2ffe0b46 100755
--- a/app/Resources/static/themes/material/css/main.css
+++ b/app/Resources/static/themes/material/css/main.css
@@ -34,6 +34,7 @@
34 font-style: normal; 34 font-style: normal;
35 font-weight: 400; 35 font-weight: 400;
36 src: url(../fonts/MaterialIcons-Regular.eot); 36 src: url(../fonts/MaterialIcons-Regular.eot);
37
37 /* For IE6-8 */ 38 /* For IE6-8 */
38 src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/MaterialIcons-Regular.woff) format("woff"), url(../fonts/MaterialIcons-Regular.ttf) format("truetype"); 39 src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/MaterialIcons-Regular.woff) format("woff"), url(../fonts/MaterialIcons-Regular.ttf) format("truetype");
39} 40}
@@ -55,6 +56,7 @@
55 56
56 /* Support for all WebKit browsers. */ 57 /* Support for all WebKit browsers. */
57 -webkit-font-smoothing: antialiased; 58 -webkit-font-smoothing: antialiased;
59
58 /* Support for Safari and Chrome. */ 60 /* Support for Safari and Chrome. */
59 text-rendering: optimizeLegibility; 61 text-rendering: optimizeLegibility;
60 62
@@ -123,11 +125,11 @@ main,
123} 125}
124 126
125.pagination { 127.pagination {
126 float: right; 128 float: right;
127} 129}
128 130
129.pagination ul { 131.pagination ul {
130 margin: 0 !important; 132 margin: 0 !important;
131} 133}
132 134
133.pagination li { 135.pagination li {
@@ -141,8 +143,8 @@ main,
141} 143}
142 144
143.pagination .disabled { 145.pagination .disabled {
144 margin-right: 10px; 146 margin-right: 10px;
145 margin-left: 10px; 147 margin-left: 10px;
146} 148}
147 149
148div.pagination ul .prev.disabled, 150div.pagination ul .prev.disabled,
@@ -151,10 +153,10 @@ div.pagination ul .next.disabled {
151} 153}
152 154
153.pagination li.active span { 155.pagination li.active span {
154 padding: 0px 10px; 156 padding: 0 10px;
155 height: 30px; 157 height: 30px;
156 display: block; 158 display: block;
157 color: #fff; 159 color: #fff;
158} 160}
159 161
160.page-footer .footer-copyright p { 162.page-footer .footer-copyright p {
@@ -266,9 +268,9 @@ nav input {
266 268
267.side-nav .collapsible-header, 269.side-nav .collapsible-header,
268.side-nav.fixed .collapsible-header { 270.side-nav.fixed .collapsible-header {
269 height: 45px; 271 height: 45px;
270 line-height: 44px; 272 line-height: 44px;
271 padding: 0 20px; 273 padding: 0 20px;
272} 274}
273 275
274.bold > a { 276.bold > a {
@@ -343,41 +345,41 @@ main ul.row {
343} 345}
344 346
345.card .card-entry-labels { 347.card .card-entry-labels {
346 position: absolute; 348 position: absolute;
347 top:10px; 349 top: 10px;
348 z-index: 90; 350 z-index: 90;
349 max-width: 50%; 351 max-width: 50%;
350} 352}
351 353
352.card .card-entry-labels li { 354.card .card-entry-labels li {
353 margin: 10px 10px 10px auto; 355 margin: 10px 10px 10px auto;
354 padding: 5px 12px 5px 16px; 356 padding: 5px 12px 5px 16px;
355 background-color: rgba(0,151,167,0.85); 357 background-color: rgba(0, 151, 167, 0.85);
356 border-radius: 0 3px 3px 0; 358 border-radius: 0 3px 3px 0;
357 color: #fff; 359 color: #fff;
358 cursor: default; 360 cursor: default;
359 max-height: 2em; 361 max-height: 2em;
360 overflow: hidden; 362 overflow: hidden;
361 text-overflow: ellipsis; 363 text-overflow: ellipsis;
362 white-space: nowrap; 364 white-space: nowrap;
363} 365}
364 366
365.card .card-entry-labels-hidden { 367.card .card-entry-labels-hidden {
366 margin-top: 5px; 368 margin-top: 5px;
367} 369}
368 370
369.card .card-entry-labels-hidden li { 371.card .card-entry-labels-hidden li {
370 display: inline-block; 372 display: inline-block;
371 background-color: rgba(0,151,167,0.85); 373 background-color: rgba(0, 151, 167, 0.85);
372 margin: 0 5px; 374 margin: 0 5px;
373 padding: 5px 12px; 375 padding: 5px 12px;
374 border-radius: 3px; 376 border-radius: 3px;
375 color: #fff; 377 color: #fff;
376 max-height: 2em; 378 max-height: 2em;
377 max-width: calc(100% - 15px); 379 max-width: calc(100% - 15px);
378 overflow: hidden; 380 overflow: hidden;
379 text-overflow: ellipsis; 381 text-overflow: ellipsis;
380 white-space: nowrap; 382 white-space: nowrap;
381} 383}
382 384
383.card .card-content .estimatedTime { 385.card .card-content .estimatedTime {
@@ -491,7 +493,7 @@ main ul.row {
491} 493}
492 494
493#article aside .chip { 495#article aside .chip {
494 background-color: rgba(0,151,167,0.85); 496 background-color: rgba(0, 151, 167, 0.85);
495 color: #fff; 497 color: #fff;
496 padding: 0 15px 0 10px; 498 padding: 0 15px 0 10px;
497} 499}
@@ -517,7 +519,7 @@ main ul.row {
517 } 519 }
518 .pagination { 520 .pagination {
519 width: auto; 521 width: auto;
520 } 522 }
521 .reader-mode { 523 .reader-mode {
522 width: 240px !important; 524 width: 240px !important;
523 } 525 }
@@ -534,7 +536,8 @@ main ul.row {
534 .indicator { 536 .indicator {
535 display: none; 537 display: none;
536 } 538 }
537 .pagination li.prev, .pagination li.next { 539 .pagination li.prev,
540 .pagination li.next {
538 width: auto; 541 width: auto;
539 } 542 }
540} 543}
@@ -633,8 +636,8 @@ footer [class*=" icon-"] {
633 padding-right: 10px; 636 padding-right: 10px;
634} 637}
635 638
636footer [class^="icon-"]::hover, 639footer [class^="icon-"]:hover,
637footer [class*=" icon-"]::hover { 640footer [class*=" icon-"]:hover {
638 text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); 641 text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
639} 642}
640 643