Commit 36ce5586 authored by Sigrid Suski's avatar Sigrid Suski

(+) Back-end layout improved and adapted to Joomla! 3.7


git-svn-id: https://svn.sobi.pro/SobiPro/Addons/branches/SobiPro-1.1/Templates/SobiAdminBS@5187 42bd815b-6740-4516-9028-ea9f7a097aa0
parent 5e86b96e
......@@ -384,7 +384,7 @@
// Opacity
.opacity(@opacity) {
opacity: @opacity / 100;
opacity: (@opacity / 100);
filter: ~"alpha(opacity=@{opacity})";
}
......@@ -540,7 +540,7 @@
// Vertically center elements in the navbar.
// Example: an element has a height of 30px, so write out `.navbarVerticalAlign(30px);` to calculate the appropriate top margin.
.navbarVerticalAlign(@elementHeight) {
margin-top: ((@navbarHeight - @elementHeight) / 2);
margin-top: (@navbarHeight - @elementHeight) / 2;
}
......@@ -558,7 +558,7 @@
// Table columns
.tableColumns(@columnSpan: 1) {
float: none; // undo default grid column styles
width: (((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16); // 16 is total padding on left and right of table cells
width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16; // 16 is total padding on left and right of table cells
margin-left: 0; // undo default grid column styles
}
......@@ -570,8 +570,8 @@
}
.makeColumn(@columns: 1, @offset: 0) {
float: left;
margin-left: ((@gridColumnWidth * @offset) + (@gridGutterWidth * (@offset - 1)) + (@gridGutterWidth * 2));
width: ((@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)));
margin-left: (@gridColumnWidth * @offset) + (@gridGutterWidth * (@offset - 1)) + (@gridGutterWidth * 2);
width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
}
// The Grid
......@@ -592,15 +592,15 @@
.offsetX (0) {}
.offset (@columns) {
margin-left: ((@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns + 1)));
margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns + 1));
}
.span (@columns) {
width: ((@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)));
width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
}
.row {
margin-left: (@gridGutterWidth * -1);
margin-left: @gridGutterWidth * -1;
.clearfix();
}
......@@ -638,18 +638,18 @@
.offsetX (0) {}
.offset (@columns) {
margin-left: ((@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth*2));
*margin-left: ((@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + (@fluidGridGutterWidth*2) - (.5 / @gridRowWidth * 100 * 1%));
margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth*2);
*margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + (@fluidGridGutterWidth*2) - (.5 / @gridRowWidth * 100 * 1%);
}
.offsetFirstChild (@columns) {
margin-left: ((@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth));
*margin-left: ((@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%));
margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth);
*margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
}
.span (@columns) {
width: ((@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)));
*width: ((@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%));
width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
*width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);
}
.row-fluid {
......@@ -658,8 +658,8 @@
[class*="span"] {
.input-block-level();
float: left;
margin-left: (@fluidGridGutterWidth);
*margin-left: (@fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%));
margin-left: @fluidGridGutterWidth;
*margin-left: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
}
[class*="span"]:first-child {
margin-left: 0;
......@@ -686,7 +686,7 @@
.spanX (0) {}
.span(@columns) {
width: (((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 14);
width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 14;
}
input,
......
......@@ -19,3 +19,4 @@
.row-fluid [class*="span"].pull-right {
float: right;
}
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment