Fix search sidebar width when no crate select is present

rust-lang · May 2, 2019 · e2a2500 · e2a2500
1 parent 96d565b
commit e2a2500
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/src/librustdoc/html/static/rustdoc.css b/src/librustdoc/html/static/rustdoc.css
@@ -658,18 +658,18 @@ a {
  transition: border-color 300ms ease;
  transition: border-radius 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out;
- width: calc(100% - 32px);
+ width: 100%;
 }
 
 #crate-search + .search-input {
  border-radius: 0 1px 1px 0;
+ width: calc(100% - 32px);
 }
 
 .search-input:focus {
  border-radius: 2px;
  border: 0;
  outline: 0;
- box-shadow: 0 0 8px #078dd8;
 }
 
 .search-results .desc {

diff --git a/src/librustdoc/html/static/themes/dark.css b/src/librustdoc/html/static/themes/dark.css
@@ -164,20 +164,21 @@ a.test-arrow {
  color: #111;
  background-color: #f0f0f0;
  border-color: #000;
+ box-shadow: 0 0 0 1px #000, 0 0 0 2px transparent;
 }
 
 .search-input {
  color: #111;
- box-shadow: 0 0 0 1px #000, 0 0 0 2px transparent;
  background-color: #f0f0f0;
+ box-shadow: 0 0 0 1px #000, 0 0 0 2px transparent;
 }
 
 .search-input:focus {
  border-color: #008dfd;
 }
 
-#crate-search + .search-input {
- box-shadow: 1px 0 0 1px #000, 0 0 0 2px transparent;
+#crate-search + .search-input:focus {
+ box-shadow: 0 0 8px 4px #078dd8;
 }
 
 .module-item .stab {

diff --git a/src/librustdoc/html/static/themes/light.css b/src/librustdoc/html/static/themes/light.css
@@ -164,21 +164,21 @@ a.test-arrow {
  color: #555;
  background-color: white;
  border-color: #e0e0e0;
- box-shadow: 0px 0 0 1px #e0e0e0, 0 0 0 2px transparent;
+ box-shadow: 0 0 0 1px #e0e0e0, 0 0 0 2px transparent;
 }
 
 .search-input {
  color: #555;
- box-shadow: 0 0 0 1px #e0e0e0, 0 0 0 2px transparent;
  background-color: white;
+ box-shadow: 0 0 0 1px #e0e0e0, 0 0 0 2px transparent;
 }
 
 .search-input:focus {
  border-color: #66afe9;
 }
 
-#crate-search + .search-input {
- box-shadow: 1px 0 0 1px #e0e0e0, 0 0 0 2px transparent;
+#crate-search + .search-input:focus {
+ box-shadow: 0 0 8px #078dd8;
 }
 
 .module-item .stab {