mirror of
https://github.com/searxng/searxng
synced 2024-01-01 19:24:07 +01:00
21e3c40516
* drop image_layout.js from simple theme * move image_layout.js to oscar theme and delete common js dir (since its empty now) * align top position of image detail modal with bottom position of search header * use flexbox to display images; row height can be set via @results-image-row-height in defenitions.less * display span title underneath each image with a max width of 12rem * increase margin and padding around image article on desktop and tablet * make article height smaller on phone layout (height of 6rem) to display more content on current view * remove content from result, if the title and content matches * use a group that cotains the flex image article, if images are mixed with other categories * fix pylint issues in webapp.py * use the default.html result template in unit tests (thanks @return42)
139 lines
2.3 KiB
Text
139 lines
2.3 KiB
Text
.ltr-left(@offset) {
|
|
right: @offset;
|
|
}
|
|
|
|
.ltr-right(@offset) {
|
|
left: @offset;
|
|
}
|
|
|
|
.ltr-margin-right(@offset) {
|
|
margin-left: @offset;
|
|
}
|
|
|
|
.ltr-margin-left(@offset) {
|
|
margin-right: @offset;
|
|
}
|
|
|
|
.ltr-border-right(@offset) {
|
|
border-left: @offset;
|
|
}
|
|
|
|
.ltr-border-left(@offset) {
|
|
border-right: @offset;
|
|
}
|
|
|
|
.ltr-padding-right(@offset) {
|
|
padding-left: @offset;
|
|
}
|
|
|
|
.ltr-padding-left(@offset) {
|
|
padding-right: @offset;
|
|
}
|
|
|
|
.ltr-float-left() {
|
|
float: right;
|
|
}
|
|
|
|
.ltr-float-right() {
|
|
float: left;
|
|
}
|
|
|
|
.ltr-text-align-right() {
|
|
text-align: left;
|
|
}
|
|
|
|
.ltr-rounded-left-corners(@radius) {
|
|
border-radius: 0 @radius @radius 0;
|
|
}
|
|
|
|
.ltr-rounded-right-corners(@radius) {
|
|
border-radius: @radius 0 0 @radius;
|
|
}
|
|
|
|
.ltr-text-align-left() {
|
|
text-align: right;
|
|
}
|
|
|
|
.ltr-border-left-width(@offset) {
|
|
border-right-width: @offset;
|
|
}
|
|
|
|
.ltr-border-right-width(@offset) {
|
|
border-left-width: @offset;
|
|
}
|
|
|
|
.ltr-transform() {
|
|
transform: scale(-1, 1);
|
|
}
|
|
|
|
@import "style.less";
|
|
|
|
#q,
|
|
#sidebar .infobox dt bdi {
|
|
direction: rtl;
|
|
}
|
|
|
|
// URL are displayed LTR but align on the right
|
|
#urls {
|
|
direction: initial;
|
|
text-align: right;
|
|
|
|
.result .url_wrapper {
|
|
justify-content: end;
|
|
}
|
|
}
|
|
|
|
// Image flexbox
|
|
#main_results div#results.only_template_images #urls {
|
|
direction: rtl;
|
|
}
|
|
|
|
// Image detail
|
|
#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels p {
|
|
direction: rtl;
|
|
|
|
&.result-url {
|
|
// Display URL using the LTR direction
|
|
direction: ltr;
|
|
|
|
span {
|
|
// And put the label on the right
|
|
direction: rtl;
|
|
float: right;
|
|
}
|
|
}
|
|
}
|
|
|
|
// select HTML element
|
|
@supports ((background-position-x: 100%) and ((appearance: none) or (-webkit-appearance: none) or (-moz-appearance: none))) {
|
|
select {
|
|
border-width: 0 0 0 2rem;
|
|
background-position-x: -2rem;
|
|
}
|
|
}
|
|
|
|
// vim hotkey helps is not translated
|
|
#vim-hotkeys-help table {
|
|
direction: ltr;
|
|
text-align: left;
|
|
}
|
|
|
|
// Logo on the right
|
|
#main_preferences h1,
|
|
#main_stats h1 {
|
|
background-position-x: 100%;
|
|
}
|
|
|
|
// patch of searx/static/themes/__common__/less/stats.less
|
|
.bar-chart-serie1,
|
|
.bar-chart-serie2 {
|
|
float: right;
|
|
}
|
|
|
|
.engine-stats .engine-name,
|
|
.engine-stats .engine-score,
|
|
.engine-stats .result-count,
|
|
.engine-stats .response-time,
|
|
.engine-stats .engine-reliability {
|
|
text-align: right;
|
|
}
|