aboutsummaryrefslogtreecommitdiffstats
path: root/theme/admin/html
diff options
context:
space:
mode:
authorThomas Lange <code@nerdmind.de>2021-06-13 00:14:38 +0200
committerThomas Lange <code@nerdmind.de>2021-06-13 00:14:38 +0200
commite5da1f532334a265e1b1c88d2a942e92654370d6 (patch)
treea9dcd34ac032acbba2b2798d529d2f7dcf806c56 /theme/admin/html
parent78621a37ee08ecf4c9aa8faa42ddf2907a6ee406 (diff)
downloadblog-e5da1f532334a265e1b1c88d2a942e92654370d6.tar.gz
blog-e5da1f532334a265e1b1c88d2a942e92654370d6.tar.xz
blog-e5da1f532334a265e1b1c88d2a942e92654370d6.zip
Replace the flex layout in favor of a grid layout
This commit replaces the initial CSS flexbox layout for forms of the admin theme with a more elegant approach called "grid layout". :) Some interesting information: https://www.w3schools.com/css/css_grid.asp https://blog.logrocket.com/flexbox-vs-css-grid/
Diffstat (limited to 'theme/admin/html')
-rw-r--r--theme/admin/html/auth.php26
-rw-r--r--theme/admin/html/database.php6
-rw-r--r--theme/admin/html/page/form.php86
-rw-r--r--theme/admin/html/page/search.php6
-rw-r--r--theme/admin/html/post/form.php86
-rw-r--r--theme/admin/html/post/search.php6
-rw-r--r--theme/admin/html/user/form.php98
7 files changed, 169 insertions, 145 deletions
diff --git a/theme/admin/html/auth.php b/theme/admin/html/auth.php
index c1dedda..a7b8b74 100644
--- a/theme/admin/html/auth.php
+++ b/theme/admin/html/auth.php
@@ -14,21 +14,23 @@
<form action="" method="POST">
<input type="hidden" name="token" value="<?=$FORM['TOKEN']?>" />
- <div class="flex">
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-user-secret"></i></div>
- <div class="form-label-flex"><label for="form_username"><?=$Language->text('label_username')?></label></div>
- <div class="form-field-flex"><input id="form_username" name="username" value="<?=escapeHTML($FORM['DATA']['USERNAME'])?>" /></div>
+ <div class="form-grid two-columns">
+ <label for="form_username">
+ <i class="fa fa-user-secret"></i><?=$Language->text('label_username')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_username" name="username" value="<?=escapeHTML($FORM['DATA']['USERNAME'])?>" />
</div>
- </div>
- <div class="flex">
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-key"></i></div>
- <div class="form-label-flex"><label for="form_password"><?=$Language->text('label_password')?></label></div>
- <div class="form-field-flex"><input type="password" id="form_password" name="password" /></div>
+
+ <label for="form_password">
+ <i class="fa fa-key"></i><?=$Language->text('label_password')?></label>
+
+ <div class="form-grid-item">
+ <input type="password" id="form_password" name="password" />
</div>
</div>
- <div class="flex flex-padding background">
+
+ <div class="form-border-box background padding nobordertop">
<input type="submit" name="auth" value="<?=$Language->text('login')?>" />
</div>
</form>
diff --git a/theme/admin/html/database.php b/theme/admin/html/database.php
index 5062ae1..b661a28 100644
--- a/theme/admin/html/database.php
+++ b/theme/admin/html/database.php
@@ -14,17 +14,17 @@
<form action="" method="POST">
<input type="hidden" name="token" value="<?=$FORM['TOKEN']?>" />
- <div class="flex">
+ <div class="form-border-box">
<textarea id="content-editor" placeholder="<?=$Language->text('database_warning')?>" name="command"><?=escapeHTML($FORM['COMMAND'])?></textarea>
</div>
<?php if($FORM['RESULT']): ?>
- <div class="flex flex-padding background flex-direction-column">
+ <div class="form-border-box background padding">
<pre id="database-result"><?=escapeHTML($FORM['RESULT'])?></pre>
</div>
<?php endif; ?>
- <div class="flex flex-padding background">
+ <div class="form-border-box background padding">
<input id="insert-button" type="submit" name="execute" value="Execute" />
</div>
</form>
diff --git a/theme/admin/html/page/form.php b/theme/admin/html/page/form.php
index d26b207..eee61bf 100644
--- a/theme/admin/html/page/form.php
+++ b/theme/admin/html/page/form.php
@@ -12,49 +12,55 @@
<input type="hidden" name="token" value="<?=$FORM['TOKEN']?>" />
<?php if($FORM['TYPE'] !== 'DELETE'): ?>
- <div class="flex flex-responsive">
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-database"></i></div>
- <div class="form-label-flex"><label for="form_id">ID</label></div>
- <div class="form-field-flex"><input<?=($FORM['TYPE'] === 'UPDATE') ? ' disabled="disabled"' : '';?> id="form_id" name="id" type="number" placeholder="AUTO_INCREMENT" value="<?=escapeHTML($FORM['DATA']['ID'])?>" /></div>
+ <div class="form-grid">
+ <label for="form_id">
+ <i class="fa fa-database"></i>ID</label>
+
+ <div class="form-grid-item">
+ <input<?=($FORM['TYPE'] === 'UPDATE') ? ' disabled="disabled"' : '';?> id="form_id" name="id" type="number" placeholder="AUTO_INCREMENT" value="<?=escapeHTML($FORM['DATA']['ID'])?>" />
</div>
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-user"></i></div>
- <div class="form-label-flex"><label for="form_user"><?=$Language->text('label_user')?></label></div>
- <div class="form-field-flex">
- <select id="form_user" name="user">
- <?php foreach($FORM['USER_LIST'] as $user): ?>
- <option value="<?=$user['ID']?>"<?=($FORM['DATA']['USER'] === $user['ID']) ? ' selected' : '' ?>><?=escapeHTML($user['FULLNAME'])?> [<?=$user['USERNAME']?>]</option>
- <?php endforeach; ?>
- </select>
- </div>
+
+ <label for="form_user">
+ <i class="fa fa-user"></i><?=$Language->text('label_user')?></label>
+
+ <div class="form-grid-item">
+ <select id="form_user" name="user">
+ <?php foreach($FORM['USER_LIST'] as $user): ?>
+ <option value="<?=$user['ID']?>"<?=($FORM['DATA']['USER'] === $user['ID']) ? ' selected' : '' ?>><?=escapeHTML($user['FULLNAME'])?> [<?=$user['USERNAME']?>]</option>
+ <?php endforeach; ?>
+ </select>
</div>
- </div>
- <div class="flex flex-responsive">
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-file-text-o"></i></div>
- <div class="form-label-flex"><label for="form_name"><?=$Language->text('label_name')?></label></div>
- <div class="form-field-flex"><input id="form_name" name="name" value="<?=escapeHTML($FORM['DATA']['NAME'])?>" /></div>
+
+ <label for="form_name">
+ <i class="fa fa-file-text-o"></i><?=$Language->text('label_name')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_name" name="name" value="<?=escapeHTML($FORM['DATA']['NAME'])?>" />
</div>
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-link"></i></div>
- <div class="form-label-flex"><label for="form_slug"><?=$Language->text('label_slug')?></label></div>
- <div class="form-field-flex"><input id="form_slug" name="slug" value="<?=escapeHTML($FORM['DATA']['SLUG'])?>" /></div>
+
+ <label for="form_slug">
+ <i class="fa fa-link"></i><?=$Language->text('label_slug')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_slug" name="slug" value="<?=escapeHTML($FORM['DATA']['SLUG'])?>" />
</div>
- </div>
- <div class="flex flex-responsive">
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-clock-o"></i></div>
- <div class="form-label-flex"><label for="form_time_insert"><?=$Language->text('label_insert')?></label></div>
- <div class="form-field-flex"><input id="form_time_insert" name="time_insert" placeholder="YYYY-MM-DD HH:II:SS" value="<?=escapeHTML($FORM['DATA']['TIME_INSERT'])?>" /></div>
+
+ <label for="form_time_insert">
+ <i class="fa fa-clock-o"></i><?=$Language->text('label_insert')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_time_insert" name="time_insert" placeholder="YYYY-MM-DD HH:II:SS" value="<?=escapeHTML($FORM['DATA']['TIME_INSERT'])?>" />
</div>
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-clock-o"></i></div>
- <div class="form-label-flex"><label for="form_time_update"><?=$Language->text('label_update')?></label></div>
- <div class="form-field-flex"><input id="form_time_update" name="time_update" placeholder="<?=escapeHTML($FORM['DATA']['TIME_UPDATE'] ? $FORM['DATA']['TIME_UPDATE'] : 'CURRENT_TIMESTAMP')?>" value="" /></div>
+
+ <label for="form_time_update">
+ <i class="fa fa-clock-o"></i><?=$Language->text('label_update')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_time_update" name="time_update" placeholder="<?=escapeHTML($FORM['DATA']['TIME_UPDATE'] ? $FORM['DATA']['TIME_UPDATE'] : 'CURRENT_TIMESTAMP')?>" value="" />
</div>
</div>
- <div class="flex flex-direction-column">
+
+ <div id="content-editor-wrapper" class="form-border-box">
<div id="button-list-wrapper">
<ul id="markdown-list" class="button-list markdown">
<li data-markdown="bold" class="fa fa-bold" title="<?=$Language->text('markdown_bold')?>"></li>
@@ -70,23 +76,23 @@
</div>
<textarea id="content-editor" name="body" placeholder="[…]"><?=escapeHTML($FORM['DATA']['BODY'])?></textarea>
</div>
- <div class="flex flex-padding background flex-emoticons">
+ <div id="emoticon-list-wrapper" class="form-border-box background padding">
<ul id="emoticon-list" class="button-list emoticons">
<?php foreach(getUnicodeEmoticons() as $emoticon => $explanation):?>
<li data-emoticon="<?=$emoticon?>" title="<?=$explanation?>"><?=$emoticon?></li>
<?php endforeach; ?>
</ul>
</div>
- <div class="flex flex-padding background">
+ <div class="form-border-box background padding">
<input id="form_argv" name="argv" maxlength="250" placeholder="[ARGUMENT_ONE=foo|ARGUMENT_TWO=bar …]" value="<?=escapeHTML($FORM['DATA']['ARGV'])?>" />
</div>
<?php else: ?>
- <div class="flex flex-padding background flex-direction-column">
+ <div class="form-border-box background padding">
<?=$HTML?>
</div>
<?php endif; ?>
- <div class="flex flex-padding background">
+ <div class="form-border-box background padding">
<?php if($FORM['TYPE'] === 'INSERT'): ?>
<input id="insert-button" type="submit" name="insert" value="<?=$Language->text('insert')?>" />
<?php elseif($FORM['TYPE'] === 'UPDATE'): ?>
diff --git a/theme/admin/html/page/search.php b/theme/admin/html/page/search.php
index a48f604..6506d34 100644
--- a/theme/admin/html/page/search.php
+++ b/theme/admin/html/page/search.php
@@ -2,10 +2,10 @@
<p><?=$Language->text('search_page_desc')?></p>
<form id="search-form" method="GET">
- <div class="flex flex-padding background">
+ <div class="form-border-box background padding">
<input id="search-text" type="search" name="q" placeholder="<?=$Language->text('placeholder_search')?>" value="<?=escapeHTML($QUERY)?>" />
</div>
- <div class="flex flex-padding background">
+ <div class="form-border-box background padding">
<input id="update-button" type="submit" value="<?=$Language->text('search')?>" />
</div>
</form>
@@ -14,4 +14,4 @@
<?php foreach($PAGES as $page): ?>
<?php echo $page; ?>
<?php endforeach; ?>
-</div> \ No newline at end of file
+</div>
diff --git a/theme/admin/html/post/form.php b/theme/admin/html/post/form.php
index e6966ea..58ac122 100644
--- a/theme/admin/html/post/form.php
+++ b/theme/admin/html/post/form.php
@@ -12,49 +12,55 @@
<input type="hidden" name="token" value="<?=$FORM['TOKEN']?>" />
<?php if($FORM['TYPE'] !== 'DELETE'): ?>
- <div class="flex flex-responsive">
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-database"></i></div>
- <div class="form-label-flex"><label for="form_id">ID</label></div>
- <div class="form-field-flex"><input<?=($FORM['TYPE'] === 'UPDATE') ? ' disabled="disabled"' : '';?> id="form_id" name="id" type="number" placeholder="AUTO_INCREMENT" value="<?=escapeHTML($FORM['DATA']['ID'])?>" /></div>
+ <div class="form-grid">
+ <label for="form_id">
+ <i class="fa fa-database"></i>ID</label>
+
+ <div class="form-grid-item">
+ <input<?=($FORM['TYPE'] === 'UPDATE') ? ' disabled="disabled"' : '';?> id="form_id" name="id" type="number" placeholder="AUTO_INCREMENT" value="<?=escapeHTML($FORM['DATA']['ID'])?>" />
</div>
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-user"></i></div>
- <div class="form-label-flex"><label for="form_user"><?=$Language->text('label_user')?></label></div>
- <div class="form-field-flex">
- <select id="form_user" name="user">
- <?php foreach($FORM['USER_LIST'] as $user): ?>
- <option value="<?=$user['ID']?>"<?=($FORM['DATA']['USER'] === $user['ID']) ? ' selected' : '' ?>><?=escapeHTML($user['FULLNAME'])?> [<?=$user['USERNAME']?>]</option>
- <?php endforeach; ?>
- </select>
- </div>
+
+ <label for="form_user">
+ <i class="fa fa-user"></i><?=$Language->text('label_user')?></label>
+
+ <div class="form-grid-item">
+ <select id="form_user" name="user">
+ <?php foreach($FORM['USER_LIST'] as $user): ?>
+ <option value="<?=$user['ID']?>"<?=($FORM['DATA']['USER'] === $user['ID']) ? ' selected' : '' ?>><?=escapeHTML($user['FULLNAME'])?> [<?=$user['USERNAME']?>]</option>
+ <?php endforeach; ?>
+ </select>
</div>
- </div>
- <div class="flex flex-responsive">
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-newspaper-o"></i></div>
- <div class="form-label-flex"><label for="form_name"><?=$Language->text('label_name')?></label></div>
- <div class="form-field-flex"><input id="form_name" name="name" value="<?=escapeHTML($FORM['DATA']['NAME'])?>" /></div>
+
+ <label for="form_name">
+ <i class="fa fa-newspaper-o"></i><?=$Language->text('label_name')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_name" name="name" value="<?=escapeHTML($FORM['DATA']['NAME'])?>" />
</div>
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-link"></i></div>
- <div class="form-label-flex"><label for="form_slug"><?=$Language->text('label_slug')?></label></div>
- <div class="form-field-flex"><input id="form_slug" name="slug" value="<?=escapeHTML($FORM['DATA']['SLUG'])?>" /></div>
+
+ <label for="form_slug">
+ <i class="fa fa-link"></i><?=$Language->text('label_slug')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_slug" name="slug" value="<?=escapeHTML($FORM['DATA']['SLUG'])?>" />
</div>
- </div>
- <div class="flex flex-responsive">
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-clock-o"></i></div>
- <div class="form-label-flex"><label for="form_time_insert"><?=$Language->text('label_insert')?></label></div>
- <div class="form-field-flex"><input id="form_time_insert" name="time_insert" placeholder="YYYY-MM-DD HH:II:SS" value="<?=escapeHTML($FORM['DATA']['TIME_INSERT'])?>" /></div>
+
+ <label for="form_time_insert">
+ <i class="fa fa-clock-o"></i><?=$Language->text('label_insert')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_time_insert" name="time_insert" placeholder="YYYY-MM-DD HH:II:SS" value="<?=escapeHTML($FORM['DATA']['TIME_INSERT'])?>" />
</div>
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-clock-o"></i></div>
- <div class="form-label-flex"><label for="form_time_update"><?=$Language->text('label_update')?></label></div>
- <div class="form-field-flex"><input id="form_time_update" name="time_update" placeholder="<?=escapeHTML($FORM['DATA']['TIME_UPDATE'] ? $FORM['DATA']['TIME_UPDATE'] : 'CURRENT_TIMESTAMP')?>" value="" /></div>
+
+ <label for="form_time_update">
+ <i class="fa fa-clock-o"></i><?=$Language->text('label_update')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_time_update" name="time_update" placeholder="<?=escapeHTML($FORM['DATA']['TIME_UPDATE'] ? $FORM['DATA']['TIME_UPDATE'] : 'CURRENT_TIMESTAMP')?>" value="" />
</div>
</div>
- <div class="flex flex-direction-column">
+
+ <div id="content-editor-wrapper" class="form-border-box">
<div id="button-list-wrapper">
<ul id="markdown-list" class="button-list markdown">
<li data-markdown="bold" class="fa fa-bold" title="<?=$Language->text('markdown_bold')?>"></li>
@@ -70,23 +76,23 @@
</div>
<textarea id="content-editor" name="body" placeholder="[…]"><?=escapeHTML($FORM['DATA']['BODY'])?></textarea>
</div>
- <div class="flex flex-padding background flex-emoticons">
+ <div id="emoticon-list-wrapper" class="form-border-box background padding">
<ul id="emoticon-list" class="button-list emoticons">
<?php foreach(getUnicodeEmoticons() as $emoticon => $explanation):?>
<li data-emoticon="<?=$emoticon?>" title="<?=$explanation?>"><?=$emoticon?></li>
<?php endforeach; ?>
</ul>
</div>
- <div class="flex flex-padding background">
+ <div class="form-border-box background padding">
<input id="form_argv" name="argv" maxlength="250" placeholder="[ARGUMENT_ONE=foo|ARGUMENT_TWO=bar …]" value="<?=escapeHTML($FORM['DATA']['ARGV'])?>" />
</div>
<?php else: ?>
- <div class="flex flex-padding background flex-direction-column">
+ <div class="form-border-box background padding">
<?=$HTML?>
</div>
<?php endif; ?>
- <div class="flex flex-padding background">
+ <div class="form-border-box background padding">
<?php if($FORM['TYPE'] === 'INSERT'): ?>
<input id="insert-button" type="submit" name="insert" value="<?=$Language->text('insert')?>" />
<?php elseif($FORM['TYPE'] === 'UPDATE'): ?>
diff --git a/theme/admin/html/post/search.php b/theme/admin/html/post/search.php
index 4476786..1289879 100644
--- a/theme/admin/html/post/search.php
+++ b/theme/admin/html/post/search.php
@@ -2,10 +2,10 @@
<p><?=$Language->text('search_post_desc')?></p>
<form id="search-form" method="GET">
- <div class="flex flex-padding background">
+ <div class="form-border-box background padding">
<input id="search-text" type="search" name="q" placeholder="<?=$Language->text('placeholder_search')?>" value="<?=escapeHTML($QUERY)?>" />
</div>
- <div class="flex flex-padding background">
+ <div class="form-border-box background padding">
<input id="update-button" type="submit" value="<?=$Language->text('search')?>" />
</div>
</form>
@@ -14,4 +14,4 @@
<?php foreach($POSTS as $post): ?>
<?php echo $post; ?>
<?php endforeach; ?>
-</div> \ No newline at end of file
+</div>
diff --git a/theme/admin/html/user/form.php b/theme/admin/html/user/form.php
index 970a6d9..7e370e5 100644
--- a/theme/admin/html/user/form.php
+++ b/theme/admin/html/user/form.php
@@ -12,55 +12,65 @@
<input type="hidden" name="token" value="<?=$FORM['TOKEN']?>" />
<?php if($FORM['TYPE'] !== 'DELETE'): ?>
- <div class="flex flex-responsive">
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-database"></i></div>
- <div class="form-label-flex"><label for="form_id">ID</label></div>
- <div class="form-field-flex"><input<?=($FORM['TYPE'] === 'UPDATE') ? ' disabled="disabled"' : '';?> id="form_id" name="id" type="number" placeholder="AUTO_INCREMENT" value="<?=escapeHTML($FORM['DATA']['ID'])?>" /></div>
+ <div class="form-grid">
+ <label for="form_id">
+ <i class="fa fa-database"></i>ID</label>
+
+ <div class="form-grid-item">
+ <input<?=($FORM['TYPE'] === 'UPDATE') ? ' disabled="disabled"' : '';?> id="form_id" name="id" type="number" placeholder="AUTO_INCREMENT" value="<?=escapeHTML($FORM['DATA']['ID'])?>" />
</div>
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-key"></i></div>
- <div class="form-label-flex"><label for="form_password"><?=$Language->text('label_password')?></label></div>
- <div class="form-field-flex"><input id="form_password" name="password" placeholder="NO CHANGE" type="password" /></div>
+
+ <label for="form_password">
+ <i class="fa fa-key"></i><?=$Language->text('label_password')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_password" name="password" placeholder="NO CHANGE" type="password" />
</div>
- </div>
- <div class="flex flex-responsive">
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-user"></i></div>
- <div class="form-label-flex"><label for="form_fullname"><?=$Language->text('label_fullname')?></label></div>
- <div class="form-field-flex"><input id="form_fullname" name="fullname" value="<?=escapeHTML($FORM['DATA']['FULLNAME'])?>" /></div>
+
+ <label for="form_fullname">
+ <i class="fa fa-user"></i><?=$Language->text('label_fullname')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_fullname" name="fullname" value="<?=escapeHTML($FORM['DATA']['FULLNAME'])?>" />
</div>
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-envelope-o"></i></div>
- <div class="form-label-flex"><label for="form_mailaddr"><?=$Language->text('label_mailaddr')?></label></div>
- <div class="form-field-flex"><input id="form_mailaddr" name="mailaddr" value="<?=escapeHTML($FORM['DATA']['MAILADDR'])?>" /></div>
+
+ <label for="form_mailaddr">
+ <i class="fa fa-envelope-o"></i><?=$Language->text('label_mailaddr')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_mailaddr" name="mailaddr" value="<?=escapeHTML($FORM['DATA']['MAILADDR'])?>" />
</div>
- </div>
- <div class="flex flex-responsive">
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-user-secret"></i></div>
- <div class="form-label-flex"><label for="form_username"><?=$Language->text('label_username')?></label></div>
- <div class="form-field-flex"><input id="form_username" name="username" value="<?=escapeHTML($FORM['DATA']['USERNAME'])?>" /></div>
+
+ <label for="form_username">
+ <i class="fa fa-user-secret"></i><?=$Language->text('label_username')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_username" name="username" value="<?=escapeHTML($FORM['DATA']['USERNAME'])?>" />
</div>
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-link"></i></div>
- <div class="form-label-flex"><label for="form_slug"><?=$Language->text('label_slug')?></label></div>
- <div class="form-field-flex"><input id="form_slug" name="slug" value="<?=escapeHTML($FORM['DATA']['SLUG'])?>" /></div>
+
+ <label for="form_slug">
+ <i class="fa fa-link"></i><?=$Language->text('label_slug')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_slug" name="slug" value="<?=escapeHTML($FORM['DATA']['SLUG'])?>" />
</div>
- </div>
- <div class="flex flex-responsive">
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-clock-o"></i></div>
- <div class="form-label-flex"><label for="form_time_insert"><?=$Language->text('label_insert')?></label></div>
- <div class="form-field-flex"><input id="form_time_insert" name="time_insert" placeholder="YYYY-MM-DD HH:II:SS" value="<?=escapeHTML($FORM['DATA']['TIME_INSERT'])?>" /></div>
+
+ <label for="form_time_insert">
+ <i class="fa fa-clock-o"></i><?=$Language->text('label_insert')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_time_insert" name="time_insert" placeholder="YYYY-MM-DD HH:II:SS" value="<?=escapeHTML($FORM['DATA']['TIME_INSERT'])?>" />
</div>
- <div class="flex-item">
- <div class="form-icon-flex"><i class="fa fa-clock-o"></i></div>
- <div class="form-label-flex"><label for="form_time_update"><?=$Language->text('label_update')?></label></div>
- <div class="form-field-flex"><input id="form_time_update" name="time_update" placeholder="<?=escapeHTML($FORM['DATA']['TIME_UPDATE'] ? $FORM['DATA']['TIME_UPDATE'] : 'CURRENT_TIMESTAMP')?>" value="" /></div>
+
+ <label for="form_time_update">
+ <i class="fa fa-clock-o"></i><?=$Language->text('label_update')?></label>
+
+ <div class="form-grid-item">
+ <input id="form_time_update" name="time_update" placeholder="<?=escapeHTML($FORM['DATA']['TIME_UPDATE'] ? $FORM['DATA']['TIME_UPDATE'] : 'CURRENT_TIMESTAMP')?>" value="" />
</div>
</div>
- <div class="flex flex-direction-column">
+
+ <div id="content-editor-wrapper" class="form-border-box">
<div id="button-list-wrapper">
<ul id="markdown-list" class="button-list markdown">
<li data-markdown="bold" class="fa fa-bold" title="<?=$Language->text('markdown_bold')?>"></li>
@@ -76,23 +86,23 @@
</div>
<textarea id="content-editor" name="body" placeholder="[…]"><?=escapeHTML($FORM['DATA']['BODY'])?></textarea>
</div>
- <div class="flex flex-padding background flex-emoticons">
+ <div id="emoticon-list-wrapper" class="form-border-box background padding">
<ul id="emoticon-list" class="button-list emoticons">
<?php foreach(getUnicodeEmoticons() as $emoticon => $explanation):?>
<li data-emoticon="<?=$emoticon?>" title="<?=$explanation?>"><?=$emoticon?></li>
<?php endforeach; ?>
</ul>
</div>
- <div class="flex flex-padding background">
+ <div class="form-border-box background padding">
<input id="form_argv" name="argv" maxlength="250" placeholder="[ARGUMENT_ONE=foo|ARGUMENT_TWO=bar …]" value="<?=escapeHTML($FORM['DATA']['ARGV'])?>" />
</div>
<?php else: ?>
- <div class="flex flex-padding background flex-direction-column">
+ <div class="form-border-box background padding">
<?=$HTML?>
</div>
<?php endif; ?>
- <div class="flex flex-padding background">
+ <div class="form-border-box background padding">
<?php if($FORM['TYPE'] === 'INSERT'): ?>
<input id="insert-button" type="submit" name="insert" value="<?=$Language->text('insert')?>" />
<?php elseif($FORM['TYPE'] === 'UPDATE'): ?>