Bug 1576599 - Calculate the flex-basis of the login-item detail rows from the left (start) side to keep the copy buttons aligned in small windows. r=ntim
authorJared Wein <jwein@mozilla.com>
Thu, 29 Aug 2019 19:43:11 +0000
changeset 554456 449729bd4714c1d790756a4594ee93ed29f806f3
parent 554455 08af9d64c2fc1b15944eece8b5854d94ec21a78c
child 554457 f10c829937e83d6341b719c1657154564ff0134a
push id2165
push userffxbld-merge
push dateMon, 14 Oct 2019 16:30:58 +0000
treeherdermozilla-release@0eae18af659f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersntim
bugs1576599
milestone70.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1576599 - Calculate the flex-basis of the login-item detail rows from the left (start) side to keep the copy buttons aligned in small windows. r=ntim Differential Revision: https://phabricator.services.mozilla.com/D44037
browser/components/aboutlogins/content/components/login-item.css
--- a/browser/components/aboutlogins/content/components/login-item.css
+++ b/browser/components/aboutlogins/content/components/login-item.css
@@ -109,17 +109,17 @@ input[type="url"][readOnly]:hover:active
 
 .detail-row {
   display: flex;
 }
 
 .detail-row-contents {
   display: flex;
   align-items: end;
-  flex-basis: calc(100% - 360px); /* Adds a 360px flexible spacer to the right */
+  flex-basis: 340px; /* Allows for 360px of flex on the end (700px (the default 100% width) - 340px) */
   max-width: 100%;
 }
 
 .detail-row,
 .form-actions-row {
   margin-bottom: 40px;
 }