Commit 618b5491 authored by Dmitriy Zaporozhets's avatar Dmitriy Zaporozhets

Improve UI for emoji awards

Signed-off-by: default avatarDmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
parent a2912074
......@@ -103,19 +103,23 @@
}
.awards {
@include clearfix;
line-height: 32px;
margin: 5px 0;
.award {
@include border-radius(5px);
border: 1px solid;
padding: 1px 3px;
width: 50px;
border-radius: 5px;
float:left;
margin: 0 3px;
border-color: #ccc;
padding: 0px 10px;
float: left;
margin: 0 5px;
border-color: $border-color;
cursor: pointer;
&.active {
border-color: rgba(79,176,252,0.4);
background-color: rgba(79,176,252,0.1);
border-color: $border-gray-light;
background-color: $gray-light;
.counter {
font-weight: bold;
......@@ -126,26 +130,37 @@
float: left;
margin-right: 10px;
}
.counter {
float: left;
}
}
.awards-controls {
height: 25px;
width: 28px;
line-height: 32px;
margin-left: 10px;
float: left;
padding: 0 0 5px 5px;
line-height: 1;
.add-award {
font-size: 27px;
color: #ccc;
font-size: 24px;
color: $gl-gray;
position: relative;
top: 2px;
&:hover {
text-decoration: none;
}
&:hover,
&:link {
text-decoration: none;
}
}
.awards-menu {
padding: $gl-padding;
min-width: 214px;
> li {
margin: 5px;
}
}
}
.awards-menu{
......
......@@ -7,7 +7,7 @@
= render 'shared/show_aside'
.gray-content-block.second-block
.gray-content-block.second-block.oneline-block
.row
.col-md-9
.votes-holder.pull-right
......
......@@ -8,7 +8,7 @@
.dropdown.awards-controls
%a.add-award{"data-toggle" => "dropdown", "data-target" => "#", "href" => "#"}
= icon('plus-circle')
= icon('plus-square-o')
%ul.dropdown-menu.awards-menu
- emoji_list.each do |emoji|
%li{"data-emoji" => "#{emoji}"}= image_tag url_to_emoji(emoji), height: "20px", width: "20px"
......
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