From a5b83691ff7e14486cee66b8cd78e965c096d06c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20Mudr=C3=A1k?= Date: Wed, 13 Nov 2013 01:08:35 +0100 Subject: [PATCH 1/6] MDL-42711 theme port from LM: improve the initial bar display --- theme/bootstrapbase/less/moodle/core.less | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/theme/bootstrapbase/less/moodle/core.less b/theme/bootstrapbase/less/moodle/core.less index c696d7e19fd..fb5d56d01e4 100644 --- a/theme/bootstrapbase/less/moodle/core.less +++ b/theme/bootstrapbase/less/moodle/core.less @@ -1400,8 +1400,11 @@ audio.mediaplugin_html5audio { white-space: nowrap; text-align: center; } -.initialbar a { - padding-right: 2px; +.initialbar { + a, strong { + padding-left: 3px; + padding-right: 3px; + } } /* Moodle Dialogue Settings (moodle-core-dialogue) */ .moodle-dialogue-base .moodle-dialogue-lightbox { From 1765866fff644d1652adde38d151377d87bafe5d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20Mudr=C3=A1k?= Date: Wed, 13 Nov 2013 01:26:21 +0100 Subject: [PATCH 2/6] MDL-42711 theme port from LM: survey module styling Backport some Survey module styling from the standard theme to improve the usability of the interface. The style is originally defined in theme/standard/styles/modules.css --- theme/bootstrapbase/less/moodle/modules.less | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/theme/bootstrapbase/less/moodle/modules.less b/theme/bootstrapbase/less/moodle/modules.less index 8f059c1b077..e8fa26a0770 100644 --- a/theme/bootstrapbase/less/moodle/modules.less +++ b/theme/bootstrapbase/less/moodle/modules.less @@ -167,3 +167,16 @@ div#dock { .path-mod-wiki .wiki_contentbox { width: 100%; } + +// Survey module + +.path-mod-survey { + .surveytable { + .r0 {background-color: #eee;} + .r1 {background-color: #ddd;} + .rblock label {text-align: center;} + } + .resultgraph, .reportsummary, .studentreport, .reportbuttons, .centerpara { + text-align:center; + } +} From 8bf57320e6da0a77dce6b6a8a9bef18bf024033c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20Mudr=C3=A1k?= Date: Wed, 13 Nov 2013 01:48:05 +0100 Subject: [PATCH 3/6] MDL-42711 theme port from LM: forum layout on small screen devices This is a backport of MDLSITE-2445. Wrapping the 'Started by' and 'Last post' texts helps. On smaller device, these two get smaller font too. This is far from optimal but better than the current (default) behaviour. --- theme/bootstrapbase/less/moodle/modules.less | 40 ++++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/theme/bootstrapbase/less/moodle/modules.less b/theme/bootstrapbase/less/moodle/modules.less index e8fa26a0770..0a1e1c15ee2 100644 --- a/theme/bootstrapbase/less/moodle/modules.less +++ b/theme/bootstrapbase/less/moodle/modules.less @@ -9,11 +9,51 @@ select { width: auto; } +// Forum + .path-mod-forum .forumheaderlist, .path-mod-forum .forumheaderlist td { border: none; } +.path-mod-forum .forumheaderlist { + thead .header { + white-space: normal; + vertical-align: top; + } + thead .header.lastpost { + text-align: right; + } + .discussion { + .author, .replies, .lastpost { + white-space: normal; + } + .replies { + text-align: center; + } + .topic, .topic.starter, .picture, .author, .replies, .lastpost { + vertical-align: top; + } + } +} + +@media (max-width: 979px) { + .path-mod-forum .forumheaderlist { + thead .header { + font-weight: normal; + font-size: round(@fontSizeSmall); + } + .discussion { + .author, .replies, .lastpost { + font-size: round(@fontSizeSmall); + } + .replies .unread a { + padding: 0; + } + } + } +} + .forumpost { .well; padding: 6px; From 24b65a44c950787034254fbad3a90adc7d213e8d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20Mudr=C3=A1k?= Date: Wed, 13 Nov 2013 02:03:02 +0100 Subject: [PATCH 4/6] MDL-42711 theme port from LM: improve RSS client block styling This significantly increases the readability of items in the block. --- theme/bootstrapbase/less/moodle/blocks.less | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/theme/bootstrapbase/less/moodle/blocks.less b/theme/bootstrapbase/less/moodle/blocks.less index 537a3534732..943f99dc9cc 100644 --- a/theme/bootstrapbase/less/moodle/blocks.less +++ b/theme/bootstrapbase/less/moodle/blocks.less @@ -121,11 +121,17 @@ width: auto; } .block_rss_client { - .content li .link { - font-weight: inherit; + .content li { + margin-bottom: 10px; + padding: 5px; + border: 1px solid #ddd; + .border-radius(@baseBorderRadius); + .link { + font-weight: inherit; + } } - .list li { - border-top-color: darken(@wellBackground, 7%); + .list li:first-child { + border-top-width: 1px; // undo the style provided by the block's styles.css } } From 3bae4448cf7cad18c59e242091f4932cdd5d193f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20Mudr=C3=A1k?= Date: Wed, 13 Nov 2013 02:12:45 +0100 Subject: [PATCH 5/6] MDL-42711 theme port from LM: let the course name use the full line width --- theme/bootstrapbase/less/moodle/course.less | 1 - 1 file changed, 1 deletion(-) diff --git a/theme/bootstrapbase/less/moodle/course.less b/theme/bootstrapbase/less/moodle/course.less index 62a22cf71ad..a1afe8b2774 100644 --- a/theme/bootstrapbase/less/moodle/course.less +++ b/theme/bootstrapbase/less/moodle/course.less @@ -404,7 +404,6 @@ span.editinstructions { .coursebox.remotehost > .info > .categoryname a { background-image:url([[pix:moodle|i/mnethost]]); } -.coursebox > .info > .coursename, .coursebox .content .teachers, .coursebox .content .courseimage, .coursebox .content .coursefile { From ead1f5bda0d42e2ed55e2bc1202ad676632e5a79 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20Mudr=C3=A1k?= Date: Wed, 13 Nov 2013 02:32:05 +0100 Subject: [PATCH 6/6] MDL-42711 theme port from LM: vertical alignment of the course icon When the course name spans over multiple lines, vertically centered icon does not look nice (or at least our beloved Benevolent Dictator for Life does not like it ;-). This hack alignes the icon vertically with the first line of the course name all the time (or at least it tries to). --- theme/bootstrapbase/less/moodle/course.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/theme/bootstrapbase/less/moodle/course.less b/theme/bootstrapbase/less/moodle/course.less index a1afe8b2774..264709507e0 100644 --- a/theme/bootstrapbase/less/moodle/course.less +++ b/theme/bootstrapbase/less/moodle/course.less @@ -399,7 +399,7 @@ span.editinstructions { background-image:url([[pix:moodle|i/course]]); background-repeat: no-repeat; padding-left:21px; - background-position: center left; + background-position: left 0.5em; } .coursebox.remotehost > .info > .categoryname a { background-image:url([[pix:moodle|i/mnethost]]);