Skip to content

Commit

Permalink
Issue #1132: Solved label problems related to Issue #625
Browse files Browse the repository at this point in the history
  • Loading branch information
stefanhaerter committed Sep 20, 2021
1 parent 6cf773f commit fafd0ae
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 1 deletion.
8 changes: 7 additions & 1 deletion var/httpd/htdocs/js/Core.UI.InputFields.js
Original file line number Diff line number Diff line change
Expand Up @@ -278,13 +278,19 @@ Core.UI.InputFields = (function (TargetNS) {
if ( Config.CustomerInterface ) {

// for the customer interface
$('fieldset > .Row').each( function() {
$('fieldset > .Row, .RichTextHolder').each( function() {
var Label = $(this).children('label').first();
var Checkbox = $('.Field > input[type=checkbox]', this);
var Select = $('.Field > select', this);
var Textarea = $('.Field > textarea', this);
var TextInput = $('input[type="text"]', this);

if(Textarea.length === 0) {
Textarea = $('textarea', this);
}

console.log(Textarea);

// move labels for checkboxes
if ( Checkbox.length > 0 && Select.length === 0 ) {
$('.Field', this).addClass('oooCheckboxContainer');
Expand Down
12 changes: 12 additions & 0 deletions var/httpd/htdocs/skins/Customer/default/css/Core.InputFields.css
Original file line number Diff line number Diff line change
Expand Up @@ -210,6 +210,8 @@ textarea.oooFull,
}

.Row > input:hover ~ label,
.RichTextHolder > textarea:hover ~label,
textarea.oooFull ~ label,
input.oooFull ~ label,
.Field:hover ~ label,
.Field.oooFull ~ label,
Expand All @@ -225,6 +227,16 @@ input.oooFull ~ label,
background-color:#ffffff;
}

.RichTextHolder > textarea:hover ~ label {
top: -29px;
font-size: 10px;
line-height: 1.3;
letter-spacing: 0.5px;
color: #7f809d;
color: var(--colTextLight);
background-color: #ffffff;
}

/* focus */
input:focus,
input[aria-expanded="true"],
Expand Down

0 comments on commit fafd0ae

Please sign in to comment.