Skip to content

R
RecommenderXBlock
Commit 2263952e by Piotr Mitros
Options

Help text before mouseover

parent 9f90c8ab
Showing with 185 additions and 178 deletions
recommender/static/css/recommender.css
......@@ -6,4 +6,178 @@
.recommender_block p {
cursor: pointer;
}
\ No newline at end of file
}.hidden { display: none;}
.recommender_block {
width : 100%;
}
.recommender_content {
width: 700px;
float: left;
}
.recommender_row_top {
/* overflow:scroll;
max-height:200px;*/
font-size: 20px;
background-color:rgb(204, 198, 198);
}
.recommender_row {
height: 380px;
}
.question {
width:700px;
}
.recommender_resource {
padding-top : 0.25em;
padding-bottom : 0.25em;
float:left;
width : 100%;
}
.recommender_panel {
float: right;
width: 50px;
}
.resource_list_less, .resource_list_more {
border : 1;
padding : 1;
margin : 1;
width : 95%;
border-color:gray;
border-width:1px;
border-style:solid;
border-radius:5px;
}
.recommender_header {
display : flex;
padding : 0 0 10 0;
}
.recommender_title {
flex-grow : 1;
}
.recommender_modify {
width: 700px;
float: left;
}
.descriptionImg {
height: 400px;
overflow-x: scroll;
margin-top: 2em;
float: left;
}
.recommender_vote_arrow_down {
width: 100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.recommender_vote_arrow_up {
width: 100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.recommender_vote_score {
width: 100%;
text-align: center;
cursor: default;
}
.recommender_recommendations { display: table; }
.pagination {
display: table;
margin: 0 auto;
}
.recommender_blurb {
display:inline-block;
vertical-align: middle;
width:525px;
overflow:hidden;
text-overflow:ellipsis;
}
.recommender_entryId, .recommender_descriptionSlot, .recommender_problematicReason {
display:none;
}
.recommender_vote_box {
display:inline-block;
vertical-align: middle;
width:50px;
}
.recommender_edit{
display:inline-block;
vertical-align: top;
float: right;
width: 40px;
}
.redTxt {
color: red;
}
.recommender_vote_arrow_down, .recommender_vote_arrow_up, .recommender_title, .resource_edit_button, .flagResource, .resource_add_button, .hide-show, .paginationCell, .backToViewButton { cursor: pointer; }
.resource_add_button { float: left; font-weight: bold; }
.resource_edit_button { float: left; }
.addSourceBlockTitle, .editSourceBlockTitle, .flagSourceBlockTitle {
margin-bottom: 1em;
}
.editSourceBlock, .recommender_add, .flagSourceBlock {
padding-left: 1em;
}
.paginationCell {
display:table-cell;
text-align:center;
vertical-align: middle;
width:25px;
}
.backToViewButton { color: #1d9dd9; float: left; }
.recommender_modify_title { position: relative; left: 50px; overflow: auto; }
.ui-icon.problematic {
background-image: url(http://download.jqueryui.com/themeroller/images/ui-icons_ff0000_256x240.png);
}
.resource_hovered { background-color:#F2F7FA }
.recommender_modify_title_container { background: rgb(204, 198, 198); font-size: 20px; }
.nonevoting { color: rgb(204, 198, 198); }
.hide-show-icon { margin-left: 0.5em; }
.recommender_vote_score.upvoting, .recommender_vote_arrow_up.upvoting { color: rgb(69, 194, 10); }
.recommender_vote_score.downvoting, .recommender_vote_arrow_down.downvoting { color: red; }
.recommender_vote_arrow_up.downvoting, .recommender_vote_arrow_down.upvoting { color: rgb(204, 198, 198); }
.downArrowIcon:before { content: '▼'; }
.upArrowIcon:before { content: '▲'; }
.plusIcon:before { content: '+'; }
.rightArrowIcon:before { content: '►'; }
.leftArrowIcon:before { content: '◄'; }
.moreIcon:before { content: '...'; }
.lightgreyBg { background-color: lightgrey; }
a:link { color: black; }
form { margin: 0em; }
recommender/static/html/recommender.html
<style>
.hidden { display: none;}
.recommender_block {
width : 100%;
}
.recommender_content {
width: 700px;
float: left;
}
.recommender_row_top {
/* overflow:scroll;
max-height:200px;*/
font-size: 20px;
background-color:rgb(204, 198, 198);
}
.recommender_row {
height: 380px;
}
.question {
width:700px;
}
.recommender_resource {
padding-top : 0.25em;
padding-bottom : 0.25em;
float:left;
width : 100%;
}
.recommender_panel {
float: right;
width: 50px;
}
.resource_list_less, .resource_list_more {
border : 1;
padding : 1;
margin : 1;
width : 95%;
border-color:gray;
border-width:1px;
border-style:solid;
border-radius:5px;
}
.recommender_header {
display : flex;
padding : 0 0 10 0;
}
.recommender_title {
flex-grow : 1;
}
.recommender_modify {
width: 700px;
float: left;
}
.descriptionImg {
height: 400px;
overflow-x: scroll;
margin-top: 2em;
float: left;
}
.recommender_vote_arrow_down {
width: 100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.recommender_vote_arrow_up {
width: 100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.recommender_vote_score {
width: 100%;
text-align: center;
cursor: default;
}
.recommender_recommendations { display: table; }
.pagination {
display: table;
margin: 0 auto;
}
.recommender_blurb {
display:inline-block;
vertical-align: middle;
width:525px;
overflow:hidden;
text-overflow:ellipsis;
}
.recommender_entryId, .recommender_descriptionSlot, .recommender_problematicReason {
display:none;
}
.recommender_vote_box {
display:inline-block;
vertical-align: middle;
width:50px;
}
.recommender_edit{
display:inline-block;
vertical-align: top;
float: right;
width: 40px;
}
.redTxt {
color: red;
}
.recommender_vote_arrow_down, .recommender_vote_arrow_up, .recommender_title, .resource_edit_button, .flagResource, .resource_add_button, .hide-show, .paginationCell, .backToViewButton { cursor: pointer; }
.resource_add_button { float: left; font-weight: bold; }
.resource_edit_button { float: left; }
.addSourceBlockTitle, .editSourceBlockTitle, .flagSourceBlockTitle {
margin-bottom: 1em;
}
.editSourceBlock, .recommender_add, .flagSourceBlock {
padding-left: 1em;
}
.paginationCell {
display:table-cell;
text-align:center;
vertical-align: middle;
width:25px;
}
.backToViewButton { color: #1d9dd9; float: left; }
.recommender_modify_title { position: relative; left: 50px; overflow: auto; }
.ui-icon.problematic {
background-image: url(http://download.jqueryui.com/themeroller/images/ui-icons_ff0000_256x240.png);
}
.resource_hovered { background-color:#F2F7FA }
.recommender_modify_title_container { background: rgb(204, 198, 198); font-size: 20px; }
.nonevoting { color: rgb(204, 198, 198); }
.hide-show-icon { margin-left: 0.5em; }
.recommender_vote_score.upvoting, .recommender_vote_arrow_up.upvoting { color: rgb(69, 194, 10); }
.recommender_vote_score.downvoting, .recommender_vote_arrow_down.downvoting { color: red; }
.recommender_vote_arrow_up.downvoting, .recommender_vote_arrow_down.upvoting { color: rgb(204, 198, 198); }
.downArrowIcon:before { content: '▼'; }
.upArrowIcon:before { content: '▲'; }
.plusIcon:before { content: '+'; }
.rightArrowIcon:before { content: '►'; }
.leftArrowIcon:before { content: '◄'; }
.moreIcon:before { content: '...'; }
.lightgreyBg { background-color: lightgrey; }
a:link { color: black; }
form { margin: 0em; }
</style>
<div class="recommender_block">
......@@ -206,7 +31,16 @@ form { margin: 0em; }
</div>
<div class='pagination'> </div>
<div class="recommender_description">
<div class="descriptionImg"></div>
<div class="descriptionImg">
<div> This is a list of resources your fellow students
thought might be helpful. If you find another useful
resource, either on edx.org or elsewhere, please add
it. If you can improve the description or preview of a
resource, please do so as well. If you find a resource
helpful, upvote it. If it's not so helpful, downvote
it. If it has issues (illegal material, incorrect, etc.),
please flag it and let us know the reason. </div>
</div>
</div>
</div>
</div>
......
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