From 8b001b4da0716936e0ca32303cc0e3c5e53e42f8 Mon Sep 17 00:00:00 2001 From: Michael Howell Date: Fri, 25 Nov 2022 22:06:22 -0700 Subject: [PATCH] rustdoc: use flexbox CSS to align sidebar button instead of position This accomplishes the same thing with significantly less code. --- src/librustdoc/html/static/css/rustdoc.css | 12 +++--------- 1 file changed, 3 insertions(+), 9 deletions(-) diff --git a/src/librustdoc/html/static/css/rustdoc.css b/src/librustdoc/html/static/css/rustdoc.css index 063082c1c7cad..6574155ce5867 100644 --- a/src/librustdoc/html/static/css/rustdoc.css +++ b/src/librustdoc/html/static/css/rustdoc.css @@ -1328,8 +1328,8 @@ a.test-arrow:hover { border-bottom: 1px solid; display: flex; height: 40px; - justify-content: center; - align-items: center; + justify-content: stretch; + align-items: stretch; z-index: 10; } #source-sidebar { @@ -1357,13 +1357,7 @@ a.test-arrow:hover { text-align: center; border: none; outline: none; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - /* work around button layout strangeness: https://stackoverflow.com/q/7271561 */ - width: 100%; + flex: 1 1; /* iOS button gradient: https://stackoverflow.com/q/5438567 */ -webkit-appearance: none; opacity: 1;