extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-06-21 02:18:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

Change style for buttons with icons to only display image

Browse Source
This commit is contained in:
Nathan Gray 2011-09-22 19:10:21 +00:00
parent 7488843290
commit c631412dfb
2 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
etemplate/js/et2_widget_button.js
View File

@ -52,7 +52,7 @@ var et2_button = et2_baseWidget.extend([et2_IInput, et2_IDetachedDOM], {
if (!this.options.readonly) if (!this.options.readonly)
{ {
this.btn = $j(document.createElement("button")) this.btn = $j(document.createElement("button"))
.addClass("et2_button"); .addClass("et2_button et2_button_text");
this.setDOMNode(this.btn[0]); this.setDOMNode(this.btn[0]);
} }
}, },
@ -75,6 +75,7 @@ var et2_button = et2_baseWidget.extend([et2_IInput, et2_IDetachedDOM], {
{ {
// No label if there's an image // No label if there's an image
this.options.label = ""; this.options.label = "";
this.btn.removeClass("et2_button_text").addClass("et2_button_icon");
} }
}, },

32
etemplate/js/test/test.css
View File

@ -125,35 +125,39 @@ a.et2_url.url {
} }
button.et2_button { button.et2_button {
background-color: #E0E0E0;
background-image: url(gfx/gradient01.png);
background-position: center;
background-repeat: repeat-x;
border: 1px solid silver;
color: #101010;
cursor: pointer; cursor: pointer;
margin: 5px;
padding: 3px;
text-align: center; text-align: center;
font-size: 9pt; font-size: 9pt;
text-shadow: 1px 1px #E0E0E0; text-shadow: 1px 1px #E0E0E0;
} }
button.et2_button_text {
background-color: #E0E0E0;
background-image: url(gfx/gradient01.png);
background-position: center;
background-repeat: repeat-x;
button.et2_button:hover { margin: 5px;
padding: 3px;
border: 1px solid silver;
color: #101010;
}
button.et2_button_icon {
border: none;
background: transparent;
}
button.et2_button_text:hover {
color: #050505; color: #050505;
border: 1px solid gray; border: 1px solid gray;
background-color: #D0D0EE; background-color: #D0D0EE;
} }
button.et2_button_text:active {
button.et2_button:active {
background-image: url(gfx/gradient02.png); background-image: url(gfx/gradient02.png);
background-color: #D0D0E0; background-color: #D0D0E0;
} }
button.et2_button_text:focus {
button.et2_button:focus {
border: 1px solid #2c3d6f; border: 1px solid #2c3d6f;
color: #202d52; color: #202d52;
outline: none; outline: none;