pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restyling of 'edit avatar' button

Browse Source 
bzr revid: mit@openerp.com-20120803153758-03jg3xuwyrh2e198
This commit is contained in:
Minh Tran
2012-08-03 17:37:58 +02:00
parent 2948fca067
commit ad585bf761
3 changed files with 32 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web/static/src/css/base.css
+12 -17
View File
@@ -224,6 +224,9 @@
font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
font-size: 13px;
}
.openerp .ui-widget-content a {
color: #8a89ba;
}
.openerp .ui-menu .ui-menu-item {
margin: 0 8px 0 0;
padding: 0 0 0 12px;
@@ -487,9 +490,6 @@
.openerp .oe_button_box button {
margin: 4px;
}
.openerp .oe_avatar {
margin: 0 6px 15px 0;
}
.openerp .oe_avatar > img {
height: 90px;
max-width: 100px;
@@ -2199,20 +2199,14 @@
.openerp .oe_form_editable .oe_form .oe_form_field_datetime {
width: 11.5em !important;
}
.openerp .oe_hidden_input_file {
overflow: hidden;
position: relative;
display: inline-block;
width: 45px;
height: 30px;
}
.openerp .oe_hidden_input_file input.oe_form_binary_file {
z-index: 0;
line-height: 0;
font-size: 12px;
position: absolute;
top: 1px;
right: 10px;
left: 0;
right: 0;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
@@ -2228,15 +2222,16 @@
}
.openerp .oe_form .oe_form_field_image .oe_form_field_image_controls {
position: absolute;
white-space: nowrap;
top: 1px;
padding: 3px 0 0 0;
margin: 0 1px;
padding: 4px;
width: 100%;
display: none;
width: 99%;
text-align: center;
background: url(/web/static/src/img/form_sheetbg.png);
border-bottom: 1px dotted black;
color: #eeeeee;
background: rgba(37, 37, 37, 0.9);
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
addons/web/static/src/css/base.sass
+19 -24
View File
@@ -7,7 +7,7 @@ $tag-bg-dark: #8786b7
$tag-border: #afafb6
$tag-border-selected: #a6a6fe
$hover-background: #f0f0fa
$colour4: #8a89ba
$link-color: #8a89ba
$sheet-max-width: 860px
// }}}
// Mixins {{{
@@ -226,6 +226,8 @@ $sheet-max-width: 860px
.ui-widget
font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
font-size: 13px
.ui-widget-content a
color: $link-color
.ui-menu
.ui-menu-item
margin: 0 8px 0 0
@@ -295,7 +297,7 @@ $sheet-max-width: 860px
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAKUlEQVQIHWO8e/fufwYsgAUkJigoiCIF5DMyoYggcUiXgNnBiGQKmAkARpcEQeriln4AAAAASUVORK5CYII=)
@include radius(0 0 2px 2px)
a
color: #8A89BA
color: $link-color
&:hover
text-decoration: underline
&:focus
@@ -397,7 +399,6 @@ $sheet-max-width: 860px
button
margin: 4px
.oe_avatar
margin: 0 6px 15px 0
> img
height: 90px
max-width: 100px
@@ -412,7 +413,7 @@ $sheet-max-width: 860px
display: none
span
@include reset()
color: #8A89BA
color: $link-color
font-weight: bold
&:hover
text-decoration: underline
@@ -886,7 +887,7 @@ $sheet-max-width: 860px
.oe_secondary_menu_section
font-weight: bold
margin-left: 8px
color: $colour4
color: $link-color
.oe_secondary_submenu
padding: 2px 0 8px 0
margin: 0
@@ -904,7 +905,7 @@ $sheet-max-width: 860px
top: 1px
right: 1px
font-size: 10px
background: $colour4
background: $link-color
color: white
padding: 2px 4px
margin: 1px 6px 0 0
@@ -918,7 +919,7 @@ $sheet-max-width: 860px
margin: 0px
padding: 1px 4px
.oe_active
background: $colour4
background: $link-color
border-top: 1px solid lightGray
border-bottom: 1px solid lightGray
text-shadow: 0 1px 1px rgba(0,0,0,0.2)
@@ -927,12 +928,12 @@ $sheet-max-width: 860px
color: white
.oe_menu_label
background: #eee
color: $colour4
color: $link-color
text-shadow: 0 1px 1px white
@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.2))
.oe_menu_counter
background: #eee
color: #8a89ba
color: $link-color
.oe_menu_toggler:before
width: 0
height: 0
@@ -959,7 +960,7 @@ $sheet-max-width: 860px
.oe_application
width: 100%
a
color: $colour4
color: $link-color
&:hover
text-decoration: underline
> div
@@ -993,7 +994,7 @@ $sheet-max-width: 860px
margin: 0
float: left
a
color: $colour4
color: $link-color
.oe_button_group
display: inline-block
border: 1px solid #ababab
@@ -1706,19 +1707,14 @@ $sheet-max-width: 860px
* http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
*/
.oe_hidden_input_file
overflow: hidden
position: relative
display: inline-block
width: 45px
height: 30px
input.oe_form_binary_file
z-index: 0
line-height: 0
font-size: 12px
position: absolute
// Should be adjusted for all browsers
top: 1px
right: 10px
left: 0
right: 0
opacity: 0
filter: alpha(opacity = 0)
-ms-filter: "alpha(opacity=0)"
@@ -1733,15 +1729,14 @@ $sheet-max-width: 860px
vertical-align: top
.oe_form_field_image_controls
position: absolute
white-space: nowrap
top: 1px
padding: 3px 0 0 0
margin: 0 1px
padding: 4px
width: 100%
display: none
width: 99%
text-align: center
background: url(/web/static/src/img/form_sheetbg.png)
border-bottom: 1px dotted black
color: #eee
background: rgba(37,37,37,0.9)
@include radius(3px 3px 0 0)
@include box-sizing(border)
&:hover .oe_form_field_image_controls
display: block
addons/web/static/src/xml/base.xml
+1 -6
View File
@@ -1042,13 +1042,8 @@
<div class="oe_form_field_image_controls oe_edit_only">
<t t-call="HiddenInputFile">
<t t-set="fileupload_id" t-value="widget.fileupload_id"/>
<button class="oe_button" type="button" title="Set Image">
<img t-att-src='_s + "/web/static/src/img/icons/STOCK_DIRECTORY.png"'/>
</button>
Edit
</t>
<button class="oe_button oe_form_binary_file_clear" type="button" title="Clear">
<img t-att-src='_s + "/web/static/src/img/icons/STOCK_MISSING_IMAGE.png"'/>
</button>
<div class="oe_form_binary_progress" style="display: none">
<img t-att-src='_s + "/web/static/src/img/throbber.gif"' width="16" height="16"/>
<b>Uploading ...</b>