nicer formatting of apps using old eTemplate

This commit is contained in:
Ralf Becker 2014-03-24 15:08:55 +00:00
parent c72591f4a2
commit dfc186f9d5
4 changed files with 27 additions and 152 deletions

View File

@ -174,7 +174,7 @@
$tcell['onchange'] = '1';
$tcell['name'] = $cell_name.'['.$name.']';
}
$tcell['label'] = $labels[$k];
$tcell['label'] = '<div>'.lang($labels[$k]).'</div>';
$tcell['help'] = $helps[$k];
$tab_widget->set_cell_attribute('tabs',1+$k,$tcell);

View File

@ -24,8 +24,8 @@
.inputFullWidth input {
width: 100%;
}
.selectboxFullWidth select {
width: 100%;
.selectboxFullWidth select {
width: 100%;
}
/*

View File

@ -55,71 +55,6 @@
top: 16px;
z-index: 1;
}
table.TabHeader {
background-color: #d9d9d9;
}
.etemplate_tab {
white-space: nowrap;
width: auto;
display: inline-block;
margin: 1em 5px 1em 0;
padding: 5px;
cursor: pointer;
background-color: #f0f0f0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.etemplate_tab:hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
background-color: inherit !important;
}
.etemplate_tab:focus {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
}
.etemplate_tab_active {
white-space: nowrap;
width: auto;
display: inline-block;
margin: 1em 5px 1em 0;
padding: 5px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: #808080;
border-width: 0 0 3px 0;
border-style: solid;
border-spacing: 0px;
border-color: #408dd2;
color: #f2f2f2;
}
.etemplate_tab_active .th {
background-color: #808080;
border-width: 0 0 3px 0;
border-style: solid;
border-spacing: 0px;
border-color: #408dd2;
color: #f2f2f2;
}
.etemplate_tab row_on,
td.etemplate_tab_active:focus {
background-color: #808080;
@ -129,10 +64,6 @@ td.etemplate_tab_active:focus {
border-color: #408dd2;
color: #f2f2f2;
}
.tab_body {
border: 2px solid none;
border-color: #f0f0f0;
}
.nextmatch_header {
border: 1px solid black;
}
@ -176,3 +107,14 @@ td.etemplate_tab_active:focus {
.eTdate {
white-space: nowrap;
}
/**
* Limit size of icons in old eTemplate apps to 16px of idots
*/
a[onclick] > img {
width: 16px;
}
button.et2_button {
height: 24px;
padding-left: 3px;
padding-right: 3px;
}

View File

@ -59,82 +59,6 @@
// Tabelle
// Tabs
table.TabHeader{
.background-color-15-gray;
}
// Tabs
.etemplate_tab {
// border-color: black;
// border-style: solid;
// border-width: 1px 1px 0;
// padding: 3px 6px;
white-space: nowrap;
width: auto;
display: inline-block;
margin: 1em 5px 1em 0;
padding: 5px;
cursor: pointer;
.background-color-10-gray;
.border_radius_button_normal;
.border_normal;
.box_shadow_standard_light;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
&:hover {.Complete_Button_hover;}
&:focus {.Complete_Button_focus;}
}
.etemplate_tab_active {
white-space: nowrap;
width: auto;
display: inline-block;
margin: 1em 5px 1em 0;
padding: 5px;
cursor: pointer;
// .background-color-10-gray;
.border_radius_button_normal;
.border_normal;
.box_shadow_standard_light;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
.background-color-50-gray;
border-width: 0 0 3px 0;
border-style: solid;
border-spacing: 0px;
border-color: @active_button_border_bottom;
.color-5-gray;
.th {
.background-color-50-gray;
border-width: 0 0 3px 0;
border-style: solid;
border-spacing: 0px;
border-color: @active_button_border_bottom;
.color-5-gray;
}
}
.etemplate_tab row_on,
td.etemplate_tab_active:focus {
@ -150,10 +74,6 @@ td.etemplate_tab_active:focus {
}
// Inhalte der Tabs
.tab_body {
border: 2px solid none;
.border-color-10-gray;
}
.nextmatch_header {
border: 1px solid black;
}
@ -196,4 +116,17 @@ td.etemplate_tab_active:focus {
}
.eTdate {
white-space: nowrap;
}
/**
* Limit size of icons in old eTemplate apps to 16px of idots
*/
a[onclick] > img {
width: 16px;
}
button.et2_button {
height: 24px;
padding-left: 3px;
padding-right: 3px;
}