Difference between revisions of "SUNScholar/XMLUI Theme/M2/Customisation/Document Structure"

From Libopedia
Jump to navigation Jump to search
Line 21: Line 21:
 
$screen-sm:                  768px !default;
 
$screen-sm:                  768px !default;
 
$screen-md:                  992px !default;
 
$screen-md:                  992px !default;
$screen-lg:                  1200px !default;
+
$screen-lg:                  1260px !default;
 
</pre>
 
</pre>

Revision as of 14:56, 21 June 2015

Back to Mirage 2 Customisation

Body and Navigation Layout

To re-arrange the document structure (swap body and sidebar) of the Mirage 2 theme will require expert web 2.0 design expertise which is beyond the scope of the author of this wiki.

It seems it may be possible by manipulating the loading order of the XSL files or by adding new attributes to the CSS files.

Responsive Layouts

Edit the following file:

 nano $HOME/source/dspace-xmlui-mirage2/src/main/webapp/styles/classic_mirage_color_scheme/_bootstrap_variables.scss

Go to the bottom of the file and add the following:

/**
* Screen sizes CSS
**/

$grid-gutter-width:          30px;
$screen-xs:                  480px !default;
$screen-sm:                  768px !default;
$screen-md:                  992px !default;
$screen-lg:                  1260px !default;