standardebooks/web
1
0
Fork 0
mirror of https://github.com/standardebooks/web.git synced 2025-07-20 05:14:48 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Matched sort select style to the search bar, and other feedback from Alex

Browse source
This commit is contained in:
mgbennet 2019-06-11 23:03:36 -07:00 • committed by Alex Cabal
parent 6afb0c14e2
commit 633b4f493c
2 changed files with 12 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

35
www/css/core.css
View file

@ -432,10 +432,12 @@ h1 + section > h2:first-child{
a.button, a.button,
a[rel~="previous"], a[rel~="previous"],
a[rel~="next"]{ a[rel~="next"],
aside.sort button{
font-style: normal; font-style: normal;
box-sizing: border-box; box-sizing: border-box;
background-color: #1d6878; background-color: #1d6878;
border-width: 0;
border-radius: 5px; border-radius: 5px;
padding: 1rem 2rem; padding: 1rem 2rem;
color: #fff; color: #fff;
@ -445,6 +447,7 @@ a[rel~="next"]{
box-shadow: 2px 2px 0 #194149; box-shadow: 2px 2px 0 #194149;
position: relative; position: relative;
text-transform: lowercase; text-transform: lowercase;
cursor: pointer;
} }
a.button:focus, a.button:focus,
@ -496,34 +499,23 @@ a[rel="previous"][href]:hover::before{
aside.sort select{ aside.sort select{
margin-left: .5rem; margin-left: .5rem;
margin-bottom: .5rem;
padding: 1rem;
height: 3.7rem;
background-color: rgba(0, 0, 0, .1); background-color: rgba(0, 0, 0, .1);
border: 1px solid #777;
border-radius: 5px; border-radius: 5px;
padding: 4px;
color: #222; color: #222;
font-family: 'League spartan', sans-serif; font-size: 1rem;
text-transform: lowercase; text-transform: lowercase;
font-family: 'Crimson Pro', serif;
box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset;
font-size: 18px;
cursor: pointer; cursor: pointer;
} }
aside.sort button{ aside.sort button{
position: relative;
margin-left: .5rem; margin-left: .5rem;
font-style: normal; font-size: 1rem;
box-sizing: border-box;
background-color: #1d6878;
border: 0;
border-radius: 5px;
padding: .25rem 1rem;
color: #fff;
text-decoration: none;
font-size: 18px;
font-family: 'League spartan', sans-serif;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
box-shadow: 2px 2px 0 #194149;
text-transform: lowercase;
cursor: pointer;
} }
a.button:hover, a.button:hover,
@ -1701,11 +1693,6 @@ main.ebooks nav ol li.highlighted:nth-last-child(2)::after{
flex-direction: column; flex-direction: column;
} }
aside.sort a.button{
margin: .5rem;
width: 100%;
}
article.ebook section#details ul{ article.ebook section#details ul{
flex-direction: column; flex-direction: column;
} }

2
www/ebooks/index.php
View file

@ -120,7 +120,7 @@ catch(\Exception $ex){
<aside class="sort"> <aside class="sort">
<form action="" method="get"> <form action="" method="get">
<label>Sort by <label>Sort by
<select> <select name="sort">
<option value="<?= SORT_NEWEST ?>"<? if($sort == SORT_NEWEST){ ?> selected<? } ?>>newest</option> <option value="<?= SORT_NEWEST ?>"<? if($sort == SORT_NEWEST){ ?> selected<? } ?>>newest</option>
<option value="<?= SORT_AUTHOR_ALPHA ?>"<? if($sort == SORT_AUTHOR_ALPHA){ ?> selected<? } ?>>author name</option> <option value="<?= SORT_AUTHOR_ALPHA ?>"<? if($sort == SORT_AUTHOR_ALPHA){ ?> selected<? } ?>>author name</option>
<option value="<?= SORT_READING_EASE ?>"<? if($sort == SORT_READING_EASE){ ?> selected<? } ?>>reading ease</option> <option value="<?= SORT_READING_EASE ?>"<? if($sort == SORT_READING_EASE){ ?> selected<? } ?>>reading ease</option>