holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP of new hint presentation for preferences:

Browse Source 
- Fix misalignment of middle field
- Fix some of the tabs getting horizental scrollbar
This commit is contained in:
Hadi Nategh 2016-10-04 18:04:10 +02:00
parent d9d701ae8f
commit b9621f0323
4 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
preferences/templates/default/app.css
View File

@ -44,6 +44,8 @@ tr.prefRow > td {
padding: 5px; padding: 5px;
margin-top: -4px; margin-top: -4px;
top: 0; top: 0;
overflow-y: auto;
z-index: 1;
} }
tr.prefRow:hover .prefHelp { tr.prefRow:hover .prefHelp {
display: block; display: block;
@ -51,9 +53,15 @@ tr.prefRow:hover .prefHelp {
} }
.prefDefault, .prefValue { .prefDefault, .prefValue {
float: left; float: left;
display: inline-block;
} }
.prefValue { .prefValue {
margin-right: 5px; margin-right: 5px;
width:49%;
}
.prefDefault {
float: right;
width:48%;
} }
.prefValue textarea, textarea.prefValue { .prefValue textarea, textarea.prefValue {
width: 99%; width: 99%;
@ -65,7 +73,7 @@ tr.prefRow:hover .prefHelp {
margin-right: 5px; margin-right: 5px;
} }
.prefType{ .prefType{
width:50%; width:49%;
} }
.prefApp { .prefApp {
width:49.50%; width:49.50%;

2
preferences/templates/default/settings.xet
View File

@ -34,7 +34,7 @@
<menupopup id="type" onchange="1" class="prefType"/> <menupopup id="type" onchange="1" class="prefType"/>
</menulist> </menulist>
</hbox> </hbox>
<tabbox id="tabs"> <tabbox id="tabs" tab_height="400">
<tabs> <tabs>
<tab id="tab1" label="Settings"/> <tab id="tab1" label="Settings"/>
</tabs> </tabs>

14
preferences/templates/pixelegg/app.css
View File

@ -59,6 +59,8 @@ tr.prefRow > td {
padding: 5px; padding: 5px;
margin-top: -4px; margin-top: -4px;
top: 0; top: 0;
overflow-y: auto;
z-index: 1;
} }
tr.prefRow:hover .prefHelp { tr.prefRow:hover .prefHelp {
display: block; display: block;
@ -68,9 +70,15 @@ tr.prefRow:hover .prefHelp {
.prefDefault, .prefDefault,
.prefValue { .prefValue {
float: left; float: left;
display: inline-block;
} }
.prefValue { .prefValue {
margin-right: 5px; margin-right: 5px;
width: 49%;
}
.prefDefault {
float: right;
width: 48%;
} }
.prefValue textarea, .prefValue textarea,
textarea.prefValue { textarea.prefValue {
@ -84,7 +92,7 @@ textarea.prefValue {
margin-right: 5px; margin-right: 5px;
} }
.prefType { .prefType {
width: 50%; width: 49%;
} }
.prefApp { .prefApp {
width: 49.50%; width: 49.50%;
@ -135,13 +143,15 @@ tr.prefRow > td {
.prefHelp { .prefHelp {
position: absolute; position: absolute;
display: none; display: none;
width: 254px; width: 250px;
max-height: 99%; max-height: 99%;
height: 97%; height: 97%;
padding: 5px; padding: 5px;
margin-top: -4px; margin-top: -4px;
top: 0; top: 0;
z-index: 1; z-index: 1;
border: 2px solid dimgrey;
border-radius: 5px;
} }
.prefHelpColumn { .prefHelpColumn {
border-left: 1px solid #e6e6e6 !important; border-left: 1px solid #e6e6e6 !important;

4
preferences/templates/pixelegg/app.less
View File

@ -57,13 +57,15 @@ tr.prefRow > td {
.prefHelp { .prefHelp {
position: absolute; position: absolute;
display: none; display: none;
width: 254px; width: 250px;
max-height: 99%; max-height: 99%;
height: 97%; height: 97%;
padding: 5px; padding: 5px;
margin-top: -4px; margin-top: -4px;
top: 0; top: 0;
z-index: 1; z-index: 1;
border: 2px solid dimgrey;
border-radius: 5px;
} }
.prefHelpColumn {border-left:1px solid #e6e6e6 !important;} .prefHelpColumn {border-left:1px solid #e6e6e6 !important;}
tr.prefRow:hover .prefHelp { tr.prefRow:hover .prefHelp {