github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-04-03 05:39:41 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Fix alignment on full page search (#15988)

Browse Source 
Also removed the max-width, because it unnecessarily wrapped the topic title at an earlier point than the snippet below it.
This commit is contained in:
Jarek Radosz 2022-02-18 02:12:47 +01:00 committed by GitHub
parent aaf432df86
commit e54b70460e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/assets/stylesheets/common/base/search.scss
View File

@ -256,26 +256,30 @@
.topic { .topic {
padding-bottom: 0.25em; padding-bottom: 0.25em;
max-width: 700px;
display: grid; display: grid;
grid-template-areas: grid-template-areas:
"bulk-select title" "bulk-select title"
"meta meta"; "meta meta";
grid-template-columns: auto 1fr; grid-template-columns: auto 1fr;
align-items: baseline;
.bulk-select { .bulk-select {
position: absolute; position: absolute;
left: 0.5em; left: 0.5em;
top: 0.75em; top: 0.75em;
padding: 0.25em 0.5em; padding: 0.25em 0.5em;
background-color: var(--tertiary-low); background-color: var(--tertiary-low);
input[type="checkbox"] { input[type="checkbox"] {
margin: 0; margin: 0;
} }
} }
.search-link { .search-link {
align-items: baseline;
display: flex;
grid-area: title; grid-area: title;
} }
.search-category { .search-category {
grid-area: meta; grid-area: meta;
} }
@ -336,6 +340,7 @@
} }
.topic-statuses { .topic-statuses {
display: inline-block; display: inline-block;
flex-shrink: 0;
font-size: 1.3em; font-size: 1.3em;
line-height: $line-height-medium; line-height: $line-height-medium;
color: var(--primary-medium); color: var(--primary-medium);