diff options
Diffstat (limited to 'bootstrap/comments/backend/classes/formui.php')
| -rw-r--r-- | bootstrap/comments/backend/classes/formui.php | 27 |
1 files changed, 20 insertions, 7 deletions
diff --git a/bootstrap/comments/backend/classes/formui.php b/bootstrap/comments/backend/classes/formui.php index eacb8e4..73556f4 100644 --- a/bootstrap/comments/backend/classes/formui.php +++ b/bootstrap/comments/backend/classes/formui.php @@ -183,7 +183,9 @@ class FormUI // Create input element $input = new HTMLTag ('input', array ( 'id' => $attributes['input-id'], - 'class' => 'hashover-input-info', + 'class' => 'hashover-input-info shadow-md appearance-none block w-full bg-grey-lightest' + . ' text-grey-darker border border-grey-lighter rounded py-3 px-4 mb-3' + . ' leading-tight focus:outline-none focus:bg-white focus:border-grey', 'type' => $attributes['input-type'], 'name' => $attributes['input-name'], 'value' => $attributes['input-value'], @@ -292,7 +294,10 @@ class FormUI // Create textarea $textarea = new HTMLTag ('textarea', array ( 'id' => 'hashover-' . $type . '-comment' . $permalink, - 'class' => 'hashover-textarea hashover-' . $type . '-textarea', + 'class' => 'hashover-textarea shadow-md appearance-none block w-full' + . ' bg-grey-lightest text-grey-darker border border-grey-lighter' + . ' rounded py-3 px-4 mb-3 leading-tight focus:outline-none' + . ' focus:bg-white focus:border-grey hashover-' . $type . '-textarea', 'cols' => '63', 'name' => 'comment', 'rows' => '6', @@ -501,7 +506,8 @@ class FormUI // Create element for message text $message_element = new HTMLTag ('div', array ( - 'id' => 'hashover-message' + 'id' => 'hashover-message', + 'class' => 'bg-red-lightest border border-red-light text-red-dark px-4 py-3 rounded relative mb-4' )); // Check if message cookie is set @@ -773,7 +779,9 @@ class FormUI // Create "Post Comment" button element $main_post_button = new HTMLTag ('input', array ( 'id' => 'hashover-post-button', - 'class' => 'hashover-submit hashover-post-button', + 'class' => 'hashover-submit hashover-post-button shadow bg-blue-light hover:bg-blue' + . ' focus:shadow-outline focus:outline-none text-white' + . ' font-bold py-2 px-4 rounded my-4 cursor-pointer', 'type' => 'submit', 'name' => 'post', 'value' => $post_button, @@ -851,13 +859,14 @@ class FormUI // Create wrapper element for comments $comments_section = new HTMLTag ('div', array ( - 'id' => 'hashover-comments-section' + 'id' => 'hashover-comments-section', + 'class' => 'mt-2' ), false); // Create wrapper element for comment count and sort dropdown menu $count_sort_wrapper = new HTMLTag ('div', array ( 'id' => 'hashover-count-wrapper', - 'class' => 'hashover-count-sort hashover-dashed-title' + 'class' => 'hashover-count-sort hashover-dashed-title text-right' )); // Create element for comment count @@ -896,6 +905,9 @@ class FormUI $sort_select = new HTMLTag ('select', array ( 'id' => 'hashover-sort-select', 'name' => 'sort', + 'class' => 'appearance-none mt-2 bg-white border inline-block' + . ' border-grey-light hover:border-grey px-4 py-2 pr-8 rounded' + . ' shadow leading-tight focus:outline-none focus:shadow-outline', 'size' => '1', 'title' => $this->locale->text['sort'] )); @@ -971,7 +983,8 @@ class FormUI // Create element that will hold the comments $sort_div = new HTMLTag ('div', array ( - 'id' => 'hashover-sort-section' + 'id' => 'hashover-sort-section', + 'class' => 'mt-6' ), false); // Add comments to HashOver element |