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

From Libopedia
Jump to navigation Jump to search
m
Line 4: Line 4:
  
 
==Body and Navigation Layout==
 
==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.
+
To swap the sidebar position, swap the following sections in the <tt>'''page-structural.xsl'''</tt> file.
−
 
 
−
It seems it may be possible by manipulating the loading order of the XSL files or by adding new attributes to the CSS files.
 
  
 +
*https://github.com/DSpace/DSpace/blob/master/dspace-xmlui-mirage2/src/main/webapp/xsl/core/page-structure.xsl#L104-L105
 +
*https://github.com/DSpace/DSpace/blob/master/dspace-xmlui-mirage2/src/main/webapp/xsl/core/page-structure.xsl#L111-L112
 
==Responsive Layouts==
 
==Responsive Layouts==
 
Edit the following file:
 
Edit the following file:

Revision as of 18:05, 9 July 2015

Back to Mirage 2 Customisation

Body and Navigation Layout

To swap the sidebar position, swap the following sections in the page-structural.xsl file.

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 view feature: https://developer.mozilla.org/en/docs/Tools/Responsive_Design_View

Retrieved from "http://wiki.lib.sun.ac.za/index.php?title=SUNScholar/XMLUI_Theme/M2/Customisation/Document_Structure&oldid=39300"