Commits

Luke Plant committed 75d0553

Updated CSS for filters in demo app

Comments (0)

Files changed (1)

django_easyfilters/tests/templates/books.html

 /* Filters */
 .filterline {
     margin-bottom: 0.5em;
+    margin-left: 1em;
+    text-indent: -1em;
+    line-height: 1.8em;
 }
 
 .filterline .filterlabel {
     font-weight: bold;
 }
 
-.filterline {
-    margin-left: 1em;
-    text-indent: -1em;
+
+.removefilter a:link,
+.removefilter a:visited,
+.addfilter a:link,
+.addfilter a:visited {
+    text-decoration: none;
 }
 
 .removefilter a:link,
 .removefilter a:visited {
-    text-decoration: none;
+    border-radius: 4px;
+    padding: 0px 1px 2px 3px;
+    border: 1px solid #113399;
+    background-color: #113399;
     color: white;
 }
 
-.removefilter {
+.addfilter a:link,
+.addfilter a:visited {
     border-radius: 4px;
     padding: 0px 1px 2px 3px;
-    background-color: #113399;
+    border: 1px solid #f0f0f0;
+    background-color: #f0f0f0;
+    color: black;
+}
+
+/* :hover come after to override */
+.addfilter a:hover,
+.removefilter a:hover {
+    border-radius: 4px;
+    padding: 0px 1px 2px 3px;
+    border: 1px solid #3355bb;
+    background-color: #3355bb;
     color: white;
 }
 
 .displayfilter {
     border-radius: 4px;
-    padding: 0px 3px 2px 3px;
-    border: 1px solid #113399;
+    padding: 0px 1px 2px 3px;
+    border: 1px solid #303030;
+    background-color: white;
+    color: #505050;
 }
 
   </style>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.