diff options
Diffstat (limited to 'addons/gamification/static/src/css')
| -rw-r--r-- | addons/gamification/static/src/css/gamification.css | 173 | ||||
| -rw-r--r-- | addons/gamification/static/src/css/gamification.sass | 115 |
2 files changed, 46 insertions, 242 deletions
diff --git a/addons/gamification/static/src/css/gamification.css b/addons/gamification/static/src/css/gamification.css index a2c416ffc2d..68479e58760 100644 --- a/addons/gamification/static/src/css/gamification.css +++ b/addons/gamification/static/src/css/gamification.css @@ -1,146 +1,65 @@ -@charset "UTF-8"; .openerp .oe_kanban_view .oe_kanban_card.oe_kanban_goal { width: 230px; - min-height: 200px; } + min-height: 200px; +} .openerp .oe_kanban_view .oe_kanban_card.oe_kanban_badge { width: 250px; - min-height: 150px; } + 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); } + 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_margin_top_8 { - margin-top: 8px; } + margin-top: 8px; +} .openerp .oe_margin_top_16 { - margin-top: 16px; } + margin-top: 16px; +} .openerp .oe_kanban_goal .oe_goal_state_block { width: 200px; height: 130px; margin: auto; - margin-bottom: -20px; } - .openerp .oe_kanban_goal .oe_goal_state_block .oe_goal_state { - font-size: 2.5em; - font-weight: bold; - padding-top: 30px; } - .openerp .oe_kanban_goal .oe_goal_state_block .oe_goal_state .fa { - font-size: 3em; - margin-top: -17px; - margin-left: 17px; } + margin-bottom: -20px; +} +.openerp .oe_kanban_goal .oe_goal_state_block .oe_goal_state { + font-size: 2.5em; + font-weight: bold; + padding-top: 30px; +} +.openerp .oe_kanban_goal .oe_goal_state_block .oe_goal_state .fa { + font-size: 3em; + margin-top: -17px; + margin-left: 17px; +} .openerp .oe_kanban_goal .oe_goal_state_block, .openerp .oe_kanban_goal p { - text-align: center; } + text-align: center; +} .openerp .oe_kanban_content .oe_goal_gauge:first-child { - margin: auto; } + margin: auto; +} .openerp .oe_kanban_content .oe_goal_gauge svg { - margin-top: -20px; } + margin-top: -20px; +} .openerp .oe_no_overflow { - overflow: hidden; } + overflow: hidden; +} .openerp .oe_red { - color: red; } + color: red; +} .openerp .oe_green { - color: green; } + color: green; +} .openerp .oe_orange { - color: orange; } + color: orange; +} .openerp .oe_form td .oe_no_padding { - margin-left: -6px; } -.openerp .oe_timeline .oe_tl_inbox_aside .oe_gamification_suggestion { - background-color: #d3def1; } - .openerp .oe_timeline .oe_tl_inbox_aside .oe_gamification_suggestion ul { - padding-left: 15px; } - .openerp .oe_timeline .oe_tl_inbox_aside .oe_gamification_suggestion span { - background-color: #f0eeee; - display: inline-block; - height: 25px; - vertical-align: middle; - font-size: 14px; - font-weight: bold; - margin-top: -20px; - padding-left: 0 5px 0px 5px; } -.openerp .oe_timeline .oe_goal { - background-color: #f0eeee; - border: solid 1px #cacaca; - margin-top: 20px; - padding-left: 10px; } - .openerp .oe_timeline .oe_goal .oe_update_challenge.fa, .openerp .oe_timeline .oe_goal .oe_goal_action.fa { - visibility: hidden; - font-size: 16px; - float: right; - position: relative; } - .openerp .oe_timeline .oe_goal div:hover > .oe_update_challenge, .openerp .oe_timeline .oe_goal div:hover > .oe_goal_action, .openerp .oe_timeline .oe_goal th:hover > .oe_goal_action { - visibility: visible; } - .openerp .oe_timeline .oe_goal .oe_goals_list { - padding-left: 0; - margin-top: 5px; - margin-bottom: 10px; - width: 100%; } - .openerp .oe_timeline .oe_goal .oe_goals_list .oe_no_progress div { - display: inline-block; } - .openerp .oe_timeline .oe_goal .oe_goals_list .oe_no_progress::before { - content: "•"; - padding-right: 4px; } - .openerp .oe_timeline .oe_goal .oe_goals_list .oe_no_progress.oe_goal_reached::before { - content: "✓"; - padding-right: 0; - margin-left: -2px; } - .openerp .oe_timeline .oe_goal .oe_goals_list .oe_no_progress.oe_goal_reached .oe_cell { - text-decoration: line-through; } - .openerp .oe_timeline .oe_goal .oe_goals_list .oe_cell.oe_goal_current { - font-size: 150%; - font-weight: bold; - min-width: 50px; - padding: 0 5px; } - .openerp .oe_timeline .oe_goal .oe_goals_list .oe_goal_outer_box { - display: inline-block; - position: relative; - z-index: 0; - vertical-align: middle; - width: 100%; - border: solid 1px rgba(0, 0, 0, 0.03); - border-radius: 2px; } - .openerp .oe_timeline .oe_goal .oe_goals_list .oe_goal_outer_box.oe_no_progress { - border: none; } - .openerp .oe_timeline .oe_goal .oe_goals_list .oe_goal_progress_background { - background-color: white; - position: absolute; - height: 100%; - width: 100%; - z-index: -2; - top: 0; - left: 0; } - .openerp .oe_timeline .oe_goal .oe_goals_list .oe_goal_progress { - background-color: #d4e9de; - position: absolute; - height: 100%; - width: 0; - z-index: -1; - top: 0; - left: 0; } - .openerp .oe_timeline .oe_goal .oe_goals_list .oe_thead { - font-weight: normal; - padding: 5px; - text-align: center; } - .openerp .oe_timeline .oe_goal .oe_goals_list .oe_cell { - padding: 3px 0; } -.openerp .oe_timeline .oe_table.oe_goals_list .col0 { - font-size: 200%; - font-weight: bold; - width: 25px; - text-align: center; } -.openerp .oe_timeline .oe_table.oe_goals_list .col1 { - padding: 0 5px; } -.openerp .oe_timeline .oe_table.oe_goals_list .col2 { - width: auto; } -.openerp .oe_timeline .oe_user_avatar { - width: 24px; - padding-right: 5px; } -.openerp .oe_timeline .oe_table { - display: table; } -.openerp .oe_timeline .oe_row { - display: table-row; } -.openerp .oe_timeline .oe_cell { - display: table-cell; - vertical-align: middle; } + margin-left: -6px; +} diff --git a/addons/gamification/static/src/css/gamification.sass b/addons/gamification/static/src/css/gamification.sass index b524c9486b8..cbba41e05fb 100644 --- a/addons/gamification/static/src/css/gamification.sass +++ b/addons/gamification/static/src/css/gamification.sass @@ -61,118 +61,3 @@ // compensate padding from .openerp .oe_form td.oe_form_group_cell + .oe_form_group_cell .oe_form td .oe_no_padding margin-left: -6px - - .oe_timeline - .oe_tl_inbox_aside - .oe_gamification_suggestion - background-color: #d3def1 - - ul - padding-left: 15px - - span - background-color: #f0eeee - display: inline-block - height: 25px - vertical-align: middle - font-size: 14px - font-weight: bold - margin-top: -20px - padding-left: 0 5px 0px 5px - - .oe_goal - background-color: #f0eeee - border: solid 1px #CACACA - margin-top: 20px - padding-left: 10px - .oe_update_challenge.fa, .oe_goal_action.fa - visibility: hidden - font-size: 16px - float: right - position: relative - div:hover > .oe_update_challenge, div:hover > .oe_goal_action, th:hover > .oe_goal_action - visibility: visible - .oe_goals_list - padding-left: 0 - margin-top: 5px - margin-bottom: 10px - width: 100% - - .oe_no_progress - div - display: inline-block - .oe_no_progress::before - content: "•" - padding-right: 4px - .oe_no_progress.oe_goal_reached::before - content: "✓" - padding-right: 0 - margin-left: -2px - .oe_no_progress.oe_goal_reached - .oe_cell - text-decoration: line-through - - .oe_cell.oe_goal_current - font-size: 150% - font-weight: bold - min-width: 50px - padding: 0 5px - - .oe_goal_outer_box - display: inline-block - position: relative - z-index: 0 - vertical-align: middle - width: 100% - border: solid 1px rgba(0,0,0,0.03) - border-radius: 2px - .oe_goal_outer_box.oe_no_progress - border: none - - .oe_goal_progress_background - background-color: white - position: absolute - height: 100% - width: 100% - z-index: -2 - top: 0 - left: 0 - - .oe_goal_progress - background-color: rgb(212, 233, 222) - position: absolute - height: 100% - width: 0 - z-index: -1 - top: 0 - left: 0 - - .oe_thead - font-weight: normal - padding: 5px - text-align: center - .oe_cell - padding: 3px 0 - - .oe_table.oe_goals_list - .col0 - font-size: 200% - font-weight: bold - width: 25px - text-align: center - .col1 - padding: 0 5px - .col2 - width: auto - - .oe_user_avatar - width: 24px - padding-right: 5px - - .oe_table - display: table - .oe_row - display: table-row - .oe_cell - display: table-cell - vertical-align: middle
\ No newline at end of file |
