Rollup merge of #101494 - jsha:notable-traits-right, r=GuillaumeGomez

[rust.git] / src / librustdoc / html / static / css / rustdoc.css

diff --git a/src/librustdoc/html/static/css/rustdoc.css b/src/librustdoc/html/static/css/rustdoc.css
index 9af2b61c0378213051bbf7f17ff042238e96afa4..0e48b1009d8aacc0e3a714ec9c416bcbb3f7c58b 100644 (file)
--- a/src/librustdoc/html/static/css/rustdoc.css
+++ b/src/librustdoc/html/static/css/rustdoc.css
@@ -222,7 +222,6 @@ details.rustdoc-toggle.non-exhaustive > summary::before,
        font-family: "Fira Sans", Arial, NanumBarunGothic, sans-serif;
 }
 
-h1, h2, h3, h4,
 a#toggle-all-docs,
 a.anchor,
 .small-section-header a,
@@ -609,16 +608,12 @@ h2.location a {
 .docblock-short {
        overflow-wrap: break-word;
        overflow-wrap: anywhere;
-}
-.docblock-short p {
-       display: inline;
        overflow: hidden;
        text-overflow: ellipsis;
-       margin: 0;
 }
 /* Wrap non-pre code blocks (`text`) but not (```text```). */
 .docblock > :not(pre) > code,
-.docblock-short > :not(pre) > code {
+.docblock-short > code {
        white-space: pre-wrap;
 }
 
@@ -758,7 +753,6 @@ nav.sub form { display: inline; }
 
 a {
        text-decoration: none;
-       background: transparent;
 }
 
 .small-section-header {
@@ -1369,27 +1363,19 @@ pre.rust {
 }
 
 #titles {
-       height: 35px;
+       display: flex;
+       flex-direction: row;
+       gap: 1px;
+       margin-bottom: 4px;
 }
 
 #titles > button {
-       float: left;
-       width: 33.3%;
        text-align: center;
        font-size: 1.125rem;
        cursor: pointer;
        border: 0;
        border-top: 2px solid;
-}
-
-#titles > button:first-child:last-child {
-       margin-right: 1px;
-       width: calc(100% - 1px);
-}
-
-#titles > button:not(:last-child) {
-       margin-right: 1px;
-       width: calc(33.3% - 1px);
+       flex: 1;
 }
 
 #titles > button > div.count {
@@ -1879,19 +1865,8 @@ in storage.js plus the media query with (min-width: 701px)
                display: none !important;
        }
 
-       .notable-traits {
-               position: absolute;
-               left: -22px;
-               top: 24px;
-       }
-
        #titles > button > div.count {
-               float: left;
-               width: 100%;
-       }
-
-       #titles {
-               height: 50px;
+               display: block;
        }
 
        /* Because of ios, we need to actually have a full height sidebar title so the
@@ -2022,10 +1997,6 @@ in storage.js plus the media query with (min-width: 701px)
 }
 
 @media (max-width: 464px) {
-       #titles, #titles > button {
-               height: 73px;
-       }
-
        #crate-search {
                border-radius: 4px;
        }