Permalink
Browse files

MDL-39158 Increase form label width on wider screens

  • Loading branch information...
David Scotson authored and damyon committed Apr 19, 2013
1 parent 4f10082 commit 31614004473f603b7314cdcff4a2c32a877bc994
@@ -18,6 +18,12 @@
@iconSpritePath: ~"[[pix:theme|glyphicons-halflings]]";
@iconWhiteSpritePath: ~"[[pix:theme|glyphicons-halflings-white]]";
+// Increase form label width.
+@horizontalComponentOffset: 200px;
+// On Wider screens.
+@horizontalComponentOffset768: 220px;
+@horizontalComponentOffset980: 265px;
+
// Roll back nameclashes.
@import "moodle/undo";
@@ -14,6 +14,27 @@
float: right;
}
}
+ // Wider form labels.
+ .form-item .form-label,
+ .mform .fitem div.fitemtitle,
+ .userprofile dl.list dt,
+ .form-horizontal .control-label {
+ width: @horizontalComponentOffset980 - 20px;
+ }
+ .form-item .form-setting,
+ .form-item .form-description,
+ .mform .fitem .felement,
+ #page-mod-forum-search .c1,
+ .mform .fdescription.required,
+ .userprofile dl.list dd,
+ .form-horizontal .controls {
+ margin-left: @horizontalComponentOffset980;
+ }
+ .path-admin .buttons,
+ .form-buttons {
+ padding-left: @horizontalComponentOffset980;
+ }
+
}
// login page
@@ -233,6 +254,26 @@
padding-left: 0;
padding-right: 0;
}
+ // Wider form labels.
+ .form-item .form-label,
+ .mform .fitem div.fitemtitle,
+ .userprofile dl.list dt,
+ .form-horizontal .control-label {
+ width: @horizontalComponentOffset768 - 20px;
+ }
+ .form-item .form-setting,
+ .form-item .form-description,
+ .mform .fitem .felement,
+ #page-mod-forum-search .c1,
+ .mform .fdescription.required,
+ .userprofile dl.list dd,
+ .form-horizontal .controls {
+ margin-left: @horizontalComponentOffset768;
+ }
+ .path-admin .buttons,
+ .form-buttons {
+ padding-left: @horizontalComponentOffset768;
+ }
}
@media (max-width: 979px) {

Large diffs are not rendered by default.

Oops, something went wrong.

0 comments on commit 3161400

Please sign in to comment.