diff --git a/app.js b/app.js index 6394c21..7636c20 100644 --- a/app.js +++ b/app.js @@ -25,7 +25,8 @@ var ko = { 'full_version': !navigator.userAgent.match(/Android [12]/), 'default_duration': 60, 'time_show_am_pm': false, - 'abbrev_00_minutes': true // only for am/pm time + 'abbrev_00_minutes': true, // only for am/pm time + 'always_show_participants': false }; if (typeof konopas_set == 'object') for (var i in konopas_set) ko[i] = konopas_set[i]; @@ -320,6 +321,7 @@ function show_prog_list(ls) { + '
' + '
' + ls[i].title + '
' + _item_loc(ls[i]) + + (ko.always_show_participants ? _item_people(ls[i]) : '') + '
'); } EL("prog_ls").innerHTML = list.join(''); diff --git a/skin/skin.css b/skin/skin.css index 0fc52dd..52f0501 100644 --- a/skin/skin.css +++ b/skin/skin.css @@ -532,21 +532,23 @@ input[type="text"]:valid + #q_ctrl input { margin-bottom: 5px; cursor: pointer; } -.item div { - float: left; - padding-right: 10px; - min-height: 1em; -} -.title { +.item > div { margin-left: 40px; } -.loc { +.item .title { + margin: 3px 0 3px 40px; +} +.item .loc, +.item > .item-people { color: #88847d; font-size: 0.875em; - clear: left; - margin: 3px 10px 0 40px; +} +.item .loc a, +.item > .item-people a { + color: #88847d; } .extra { + margin: 0 !important; display: none; clear: left; padding: 0 0 0 10px; @@ -554,17 +556,24 @@ input[type="text"]:valid + #q_ctrl input { .extra div { float: none; } +.extra .item-people { + max-width: 600px; + margin: 1em 0; +} .expanded { background: #f5e6c3; } .expanded .item_star { background: #f0d79d; } +.expanded .title { + font-weight: 500; +} .expanded .loc { color: #736f68; } -.expanded .title { - font-weight: 500; +.expanded .item > .item-people { + display: none; } .expanded .extra { display: block; diff --git a/skin/skin.less b/skin/skin.less index dbbf7ac..423a6c9 100644 --- a/skin/skin.less +++ b/skin/skin.less @@ -251,20 +251,26 @@ input[type="text"] { .item { clear: both; display: block; overflow: auto; padding-top: 5px; padding-left: 0; margin-bottom: 5px; cursor: pointer; - div { float:left; padding-right: 10px; min-height: 1em; } + > div { margin-left: 40px; } + .title { margin: 3px 0 3px 40px; } + .loc, > .item-people { + color: @fg-light; font-size: 0.875em; + a { color: @fg-light; } + } } -.title { margin-left: 40px; } -.loc { color: @fg-light; font-size: 0.875em; clear: left; margin: 3px 10px 0 40px; } .extra { + margin: 0 !important; display: none; clear: left; padding: 0 0 0 10px; div { float: none; } + .item-people { max-width: @main-width; margin: 1em 0; } } .expanded { background: @bg-highlight; .item_star { background: @bg-highlight-more; } - .loc { color: @fg-light-in-box; } .title { .font-heavy; } + .loc { color: @fg-light-in-box; } + .item > .item-people { display: none; } .extra { display: block; } }