Differential D6338 Diff 21217 web/components/search.css

Changeset View

Standalone View

web/components/search.css

	div.searchContainer {			div.searchContainer {
	background-color: var(--text-input-bg);			background-color: var(--text-input-bg);
	display: flex;			display: flex;
	align-items: center;			align-items: center;
	margin: 1rem;			margin: 1rem;
	border-radius: 16px;			border-radius: 16px;
	padding: 8px;			padding: 8px;
	}			}

	div.searchIcon {			div.searchIcon {
	display: flex;			display: flex;
	color: var(--search-icon-color);			color: var(--search-icon-color);
	}			}

	input.searchInput {			input.searchInput,
				#searchInputID {
				ashoatUnsubmitted Not Done Inline Actions We're putting two selectors here... do we need both? Or only one? ashoat: We're putting two selectors here... do we need both? Or only one?
				inkaAuthorUnsubmitted Done Inline Actions It's technically not needed, but if I remove `input.searchInput` then this glitch happens when I checkout the branch (so it would likely also happen in other cases when files are being reloaded): So I'd rather just leave it... inka: It's technically not needed, but if I remove `input.searchInput` then this glitch happens when…
				tomekUnsubmitted Not Done Inline Actions It's surprising that deleting `input.searchInput,` causes an issue, but I don't think we should spend too much time investigating this tomek: It's surprising that deleting `input.searchInput,` causes an issue, but I don't think we should…
				ashoatUnsubmitted Not Done Inline Actions Agree we shouldn't spend too much time on it, this is fine ashoat: Agree we shouldn't spend too much time on it, this is fine
	background-color: transparent;			background-color: transparent;
	font-size: var(--m-font-16);			font-size: var(--m-font-16);
	line-height: 1.5;			line-height: 1.5;
	padding: 4px 12px;			padding: 4px 12px;
	flex: 1;			flex: 1;
	border: none;			border: none;
	color: var(--search-input-color);			color: var(--search-input-color);
	outline: none;			outline: none;
	Show All 17 Lines