Fixed #211: kiwix-serve magnifying icon too small

renaud gaudin · renaud gaudin · commit beecd5bbebf9 · 2021-07-01T11:21:15.000Z
StackExchange's CSS is setting some property on all elements : margins on <inputs /> and font-size on body that ends-up conflicting with the inserted Kiwix toolbar in kiwix-serve. IMO, this is a Kiwix-serve bug and scrapers should not care about how the reader might affect its content. Related issue: kiwix/libkiwix#394 As a short-term measure, some kiwix-related styles have been overwritten in the scraper.
diff --git a/src/sotoki/templates/base.html b/src/sotoki/templates/base.html
@@ -29,6 +29,8 @@
                 background-repeat: no-repeat;
                 padding-right: 13px;
             }
+            .kiwix_searchform input.ui-autocomplete-input { margin-top: 0; margin-bottom: 0; }
+            .kiwix_searchform { font-size: 14px; }
         </style>
         <script type="text/javascript" src="static/js/jdenticon.min.js" async></script>
         <script type="text/javascript" src="static/js/webp-hero.polyfill.js"></script>

Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,8 @@`
`29`	`29`	`background-repeat: no-repeat;`
`30`	`30`	`padding-right: 13px;`
`31`	`31`	`}`
	`32`	`+ .kiwix_searchform input.ui-autocomplete-input { margin-top: 0; margin-bottom: 0; }`
	`33`	`+ .kiwix_searchform { font-size: 14px; }`
`32`	`34`	`</style>`
`33`	`35`	`<script type="text/javascript" src="static/js/jdenticon.min.js" async></script>`
`34`	`36`	`<script type="text/javascript" src="static/js/webp-hero.polyfill.js"></script>`