odoo/addons/gamification/static/src/css/goal.css

162 lines
4.1 KiB
CSS

/* Kanban views */
.openerp .oe_kanban_view .oe_kanban_card.oe_kanban_goal {
width: 230px;
min-height: 200px;
}
.openerp .oe_kanban_view .oe_kanban_card.oe_kanban_badge {
width: 250px;
min-height: 150px;
}
.openerp .oe_kanban_badge_avatars {
margin-top: 8px;
}
.openerp .oe_kanban_badge_avatars img {
width: 30px;
height: 30px;
padding-left: 0;
margin-top: 3px;
border-radius: 2px;
-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.openerp .oe_kanban_goal .oe_goal_state_block {
width:200px;
height:130px;
margin: auto;
margin-bottom: -20px;
}
.oe_kanban_goal .oe_goal_state_block,
.oe_kanban_goal p {
text-align: center;
}
.oe_kanban_goal .oe_goal_state_block .oe_goal_state {
font-size: 2.5em;
font-weight: bold;
padding-top: 30px;
}
.oe_kanban_goal .oe_goal_state_block .oe_goal_state.oe_e{
font-size: 7em;
}
.openerp .oe_kanban_view .oe_kanban_content .oe_goal_gauge:first-child {
margin: auto; /* avoid margin-right: 16px; */
}
.oe_kanban_goal .oe_kanban_content .oe_goal_gauge svg {
margin-top: -20px;
}
.openerp .oe_no_overflow {
overflow: hidden;
}
.openerp .oe_red {
color: red;
}
.openerp .oe_green {
color: green;
}
.openerp .oe_orange {
color: orange;
}
/* compensate padding from .openerp .oe_form td.oe_form_group_cell + .oe_form_group_cell */
.openerp .oe_form td .oe_no_padding {
margin-left: -6px;
}
/* Mail Sidebar */
.openerp .oe_mail_wall .oe_mail_wall_aside {
margin-top: 15px;
position: relative;
display: inline-block;
vertical-align: top;
width: 280px;
background: #EDEDF6;
border-radius: 2px;
}
.openerp .oe_mail_wall_aside > div {
background: #EDEDF6;
padding: 5px 5px 0 15px;
}
.openerp .oe_mail_wall_aside h3 {
font-size: 1.3em;
margin-left: -7px;
font-variant: small-caps;
text-transform: capitalize;
line-height: 1em;
}
.openerp .oe_mail_wall_aside .oe_gamification_goal .oe_goal_reached {
text-decoration: line-through;
color: rgb(138, 137, 137);
}
.openerp .oe_mail_wall_aside .oe_goals_list {
list-style-type: none;
padding-left: 15px;
margin-bottom: 15px;
width: 200px;
}
.openerp .oe_mail_wall .oe_mail_wall_aside .oe_goal_outer_box {
background: rgb(213, 213, 213);
min-height: 32px;
}
.openerp .oe_mail_wall_aside .oe_goals_list .oe_goal_inner_box {
display: inline-block;
width: 200px;
min-height: 32px;
vertical-align: middle;
border: solid 1px white;
}
.openerp .oe_mail_wall_aside table.oe_goals_list .oe_goal_inner_box {
border: none;
}
.openerp .oe_mail_wall_aside .oe_goals_list .oe_goal_inner_box strong {
padding-left: 5px;
}
.openerp .oe_mail_wall .oe_mail_wall_aside table.oe_goals_list {
margin: 10px 0;
border: solid 1px white;
}
.openerp .oe_mail_wall .oe_mail_wall_aside .oe_goals_list thead {
font-weight: normal;
}
.oe_mail_wall_aside .oe_goals_list tbody tr:nth-child(even) {
background-color: #fff;
}
.openerp .oe_mail_wall_aside td,
.openerp .oe_mail_wall_aside th {
vertical-align: middle;
border: none;
}
.openerp .oe_mail_wall_aside .oe_goals_list thead th {
font-weight: normal;
padding: 5px;
}
.openerp .oe_mail_wall_aside .oe_goals_list tbody tr {
height: 32px;
}
.openerp .oe_mail_wall_aside .oe_goals_list tbody th {
padding-left: 5px;
height: 32px;
}
.openerp .oe_mail_wall_aside table.oe_goals_list .col0 {
font-size: 160%;
font-weight: bold;
width: 24px;
}
.openerp .oe_mail_wall_aside table.oe_goals_list .col1 {
width: 200px;
}
.openerp .oe_mail_wall .oe_mail_wall_aside .oe_user_avatar {
width: 32px;
padding-right: 5px;
}
.openerp .oe_mail_wall .oe_mail_wall_aside .oe_goal .oe_update_plan,
.openerp .oe_mail_wall .oe_mail_wall_aside .oe_goal .oe_goal_action {
visibility: hidden;
font-size: 25px;
}
.openerp .oe_mail_wall .oe_mail_wall_aside .oe_goal div:hover > .oe_update_plan,
.openerp .oe_mail_wall .oe_mail_wall_aside .oe_goal div:hover > .oe_goal_action,
.openerp .oe_mail_wall .oe_mail_wall_aside .oe_goal th:hover > .oe_goal_action {
visibility: visible;
}
.openerp .oe_mail_wall .oe_mail {
display: inline-block;
}