SUNScholar/XMLUI Theme/M2/Customisation/Document Structure

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;

Tip: You can test layouts with the Firefox responsive design developer feature: https://developer.mozilla.org/en/docs/Tools/Responsive_Design_View