blacklight_rtl 1.0.1 → 2.0.0

data/app/assets/stylesheets/blacklight_rtl/_blacklight_rtl_base.css.scss

@@ -1,47 +1,16 @@
-@charset "UTF-8";
-
-/* This file is generated by Blacklight. You probably don't want to edit
-   this file directly, or you'll have to manually merge your changes if later
-   versions of Blacklight change this file. Instead, use your own CSS file
-   which over-rides things in this file. Or of course you can choose
-   not to use the Blacklight CSS file at all in your local app. */
-
-$btnInfoBackground: #9ad0fe;
-
-@import 'blacklight_rtl/blacklight_defaults';
-
-/* Import this to maintain the old YUI font styles */
-@import "blacklight_rtl/layout";
-@import "blacklight_rtl/header";
-@import "blacklight_rtl/footer";
-@import "blacklight_rtl/catalog";
-@import "blacklight_rtl/bookmark";
-@import "blacklight_rtl/facets";
-@import "blacklight_rtl/search_history";
-@import "blacklight_rtl/print";
-@import "blacklight_rtl/responsive";
-
-@import "blacklight_rtl/dropdown";
-@import "blacklight_rtl/modal";
-
-@import "improved-modal/bootstrap-modal";
-@import "bootstrap_rtl/bootstrap_rtl";
-
-.hide-text {
-  width: 1px;
-  position: absolute;
-  display: inline-block;
-  text-indent: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-/* TODO: Someone override this two id's with incorrect padding.
- * Check who is doing this and fix the source */
-#sidebar #sortAndPerPage {
-  padding: 19px;
-}
-
-#sidebar .constraints-container {
-  padding: 19px 19px 9px 19px;
-}
+/* 
+ * This is all of the CSS needed to be overwritten to create the correct right to left layout, each group
+ * of CSS will be overwritten in their corresponding files from Blacklight or Bootstrap source project.
+*/
+
+body {
+  direction: rtl;
+}
+
+@import "blacklight_rtl/bootstrap_rtl";
+@import "blacklight_rtl/header";
+@import "blacklight_rtl/facets";
+@import "blacklight_rtl/patches";
+@import "blacklight_rtl/catalog";
+@import "blacklight_rtl/bookmark";
+@import "blacklight_rtl/search_history";

data/app/assets/stylesheets/blacklight_rtl/_bookmark.css.scss

@@ -1,38 +1,13 @@
-ul.bookmarkTools
-{
-  @include border-radius(0 0 4px 4px);
-	background-color: $well_bg_color;
-	border-color: $well_bg_color;
-	margin:0;
-
-  li
-  {
-    display:inline-block;
-  }
-
-  li form
-  {
-    display:inline;
-  }
-
-  li.refworks form input.submit
-  {
-    display:none;
-  }
-}
-
-
-ul.tools
-{
-  margin:0;
-  padding:0;
-  list-style: none;
-
-  li
-  {
-  	display: inline;
-    list-style: none;
-    margin: 0;
-    margin-left: 10px;
-  }
-}
+/* refworks uses a form; we need to give it some additional padding to make it look like a link */
+#refworks-form .btn {
+  padding: $nav-link-padding;
+}
+
+.clear-bookmarks {
+  margin-left: 0;
+  margin-right: 4px;
+}
+
+.bookmarkTools {
+  margin-right: -40px;
+}

data/app/assets/stylesheets/blacklight_rtl/_bootstrap_rtl.css.scss

@@ -0,0 +1,87 @@
+@charset "UTF-8";
+
+@media (min-width: 992px) {
+  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
+    float: right;
+  }
+}
+
+.input-group-addon:first-child {
+  border-left: 0;
+  border-right: 1px solid #cccccc;
+}
+
+.input-group-addon:first-child {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.input-group-btn:last-child > .btn {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 4px;
+  border-top-left-radius: 4px;
+}
+
+.list-unstyled {
+  padding-right: 0;
+}
+
+.close {
+  float: left;
+}
+
+@media (min-width: 768px) {
+  .navbar-header {
+    float: right;
+  }
+}
+
+.checkbox input[type="checkbox"] {
+  float: right;
+  margin-left: -0px;
+  margin-right: -20px;
+}
+
+@media (min-width: 768px) {
+  .dl-horizontal dt {
+    float: right;
+    text-align: left;
+  }
+  .dl-horizontal dd {
+    margin-right: 180px;
+  }
+}
+
+.pagination {
+  padding-right: 0;
+}
+
+/* Implement a left-radius on the 'Next' button is a bit tricky so I decided to flatten both Previous and Next buttons */
+.pagination > li:first-child > a {
+  float: right;
+  border-bottom-right-radius: 0px;
+  border-top-right-radius: 0px;
+  margin-left: -1px;
+}
+
+.nav-pills > li {
+  float: right;
+}
+
+.nav-pills > li + li {
+  margin-right: 2px;
+  margin-left: 2px;
+}
+
+.btn .caret {
+  margin-right: 0;
+}
+
+.dropdown-menu {
+  left: auto;
+  right: 0;
+  float: right;
+}

data/app/assets/stylesheets/blacklight_rtl/_catalog.css.scss

@@ -1,250 +1,11 @@
-.catalog_startOverLink {
-  padding-top: 0.3em;
-  float: left;
-}
-
-#sort-dropdown {
-  padding-right: 1em;
-}
-
-#document
-{
-	margin-top:1em;
-
-
-  h1
-  {
-    margin:0;
-    padding:0 0 0.4em;
-  }
-}
-
-#documents
-{
-	margin-bottom:1em;
-	margin-top:1em;
-
-  .documentHeader
-  {
-     padding: 5px 0 0;
-  }
-}
-
-.ajax_form
-{
-  margin-bottom: 0;
-}
-
-#librarian_view
-{
-	right:-17%;
-	text-align:right;
-	top:10%;
-	width:700px;
-}
-
-#marc_view
-{
-	padding:5px;
-	text-align:right;
-
-  .field
-  {
-    border-bottom: $marc_item_separator;
-    clear:both;
-  }
-
-  .ind1, .ind2
-  {
-    display:inline;
-    padding:0 5px;
-  }
-
-  .subfields
-  {
-    padding-right:5em;
-  }
-
-  .tag_ind
-  {
-    float:right;
-  }
-}
-
-.constraints-container {
-  @extend .well;
-  padding-bottom: 9px;
-}
-
-span.constraints-label {
-  font-weight:bold;
-}
-
-.appliedFilter
-{
-	background: $constraint_bg_color;
-	border:1px solid $constraint_border_color;
-	display:inline-block;
-	margin-bottom:0.66em;
-	margin-left:0.33em;
-	padding:3px 3px 3px 1.5em;
-  padding-left:50px;
-	position:relative;
-  @include border-radius(15px 15px 15px 15px);
-
-  .btnRemove
-  {
-    background: image_url('blacklight/remove.gif') no-repeat center center;
-    border-bottom:none;
-    border-right:1px solid $constraint_border_color;
-    display:block;
-    height:100%;
-    outline:none;
-    position:absolute;
-    left:0;
-    text-indent:-99999px;
-    top:0;
-    width:32px;
-    z-index:5;
-  }
-
-  .btnRemove:active,.btnRemove:focus
-  {
-    border:1px dotted $constraint_border_active_color;
-  }
-
-  .filterName
-  {
-    background: image_url('blacklight/separator.gif') no-repeat left center;
-    padding-left:14px;
-  }
-}
-
-.document
-{
-	border-bottom:1px dotted $dotted_border_color;
-	clear:both;
-  padding-bottom: 1em;
-
-  dd {
-    padding-bottom:0.5em;
-  }
-}
-
-#documents .documentFunctions
-{
-	float:left;
-  margin: 10px 0;
-
-  .bookmark_toggle
-  {
-    display:inline;
-  }
-}
-
-#sidebar form {
-  margin: 0;
-}
-
-.page_links
-{
-	display: inline-block;
-}
-
-.pagination {
-  text-align: center ;
-}
-
-
-.solrQuery
-{
-	background-color: $search_ui_bg_color;
-	border:1px dotted $dotted_border_color;
-	font-size:90%;
-	margin:2em;
-	padding:.5em;
-}
-
-.document dl {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.dl-invert {
-  dt {
-    font-weight: normal;
-    color: #888;
-  }
-}
-
-label.checked
-{
-	font-weight:700;
-}
-
-label.toggle_bookmark
-{
-	color:inherit;
-	display:inline-block;
-	font-weight:inherit;
-	min-width:8.5em;
-	text-align:right;
-}
-
-
-span.page a,span.page.current
-{
-	border-bottom:none;
-	margin-left:0.2em;
-	padding:0.2em 0.5em;
-	text-decoration:none;
-}
-
-
-#sidebar .well
-{
-  padding: 8px 0;
-}
-
-#sidebar-mlt li {
-  padding-bottom: 0.5em;
-}
-
-.show-document
-{
-  .document {
-    border: none;
-  }
-}
-
-#sortAndPerPage {
-  @extend .well;
-}
-
-#sortAndPerPage .dropdown-toggle {
-  cursor: pointer;
-}
-
-.no-js #sortAndPerPage {
-  & {
-    @extend .clearfix;
-  }
-  .dropdown-menu {
-    background: none;
-    box-shadow: none;
-    border: none;
-    position: relative;
-    display: block;
-    float: none;
-  }
-
-}
-
-.index_title {
-  float: right;
-  max-width: 414px; //span7; figure out how to calculate this correctly?
-}
-
-#email_form {
-  @extend .span6;
-}
+.page_links
+{
+  padding-left: 12px;
+  padding-right: 0px;
+}
+
+.show-tools {
+  .bookmark_toggle {
+    padding: 10px 35px;
+  }
+}