chrome/browser/resources/settings/settings_shared_css.html - Issue 2863973004: [MD settings] .settings-row.wide and reduce use of flex layout

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Unified Diff: chrome/browser/resources/settings/settings_shared_css.html

Issue 2863973004: [MD settings] .settings-row.wide and reduce use of flex layout (Closed)

Patch Set: comment change Created 3 years, 7 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

Index: chrome/browser/resources/settings/settings_shared_css.html

diff --git a/chrome/browser/resources/settings/settings_shared_css.html b/chrome/browser/resources/settings/settings_shared_css.html

index dfcba57e1a90770fefe14754f2bdaf2cb75c3d4f..d3c060bed0c11454731d4c70775c161c756403ea 100644

--- a/chrome/browser/resources/settings/settings_shared_css.html

+++ b/chrome/browser/resources/settings/settings_shared_css.html

@@ -315,11 +315,18 @@

flex: auto;

}

+ /* For grouping elements with common flex options. */

.settings-row {

align-items: center;

display: flex;

flex-direction: row;

max-width: 100%;

+ min-width: 0; /* Workaround for text elision in sub-elements. */

+ }

+ /* Expand to fill-up available space. */

+ .settings-row.wide {

+ flex: 1;

}

.no-outline,