Add label for input field and select and adjust styles

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
This commit is contained in:
julia.kirschenheuter 2023-09-21 10:50:01 +02:00
parent d6445254ac
commit b933e2e60d
2 changed files with 31 additions and 9 deletions

View file

@ -1,6 +1,20 @@
.systemtag-input {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.systemtag-input--name {
margin-right: 3px;
}
.systemtag-input--name,
.systemtag-input--level {
display: flex;
flex-direction: column;
}
.systemtag-input--actions {
margin-top: 25px;
display: flex;
flex-direction: row;
}
#systemtags .select2-container {
width: 100%;

View file

@ -36,17 +36,25 @@ style('systemtags', 'settings');
<h3 id="systemtag_create"><?php p($l->t('Create a new tag')); ?></h3>
<div class="systemtag-input">
<input type="text" id="systemtag_name" name="systemtag_name" placeholder="<?php p($l->t('Name')); ?>">
<div class="systemtag-input--name">
<label for="systemtag_name"><?php p($l->t('Tag name')); ?></label>
<input type="text" id="systemtag_name" name="systemtag_name" placeholder="<?php p($l->t('Name')); ?>">
</div>
<select id="systemtag_level">
<option value="3"><?php p($l->t('Public')); ?></option>
<option value="2"><?php p($l->t('Restricted')); ?></option>
<option value="0"><?php p($l->t('Invisible')); ?></option>
</select>
<div class="systemtag-input--level">
<label for="systemtag_level"><?php p($l->t('Tag level')); ?></label>
<select id="systemtag_level">
<option value="3"><?php p($l->t('Public')); ?></option>
<option value="2"><?php p($l->t('Restricted')); ?></option>
<option value="0"><?php p($l->t('Invisible')); ?></option>
</select>
</div>
<a id="systemtag_delete" class="hidden button"><span><?php p($l->t('Delete')); ?></span></a>
<a id="systemtag_reset" class="button"><span><?php p($l->t('Reset')); ?></span></a>
<a id="systemtag_submit" class="button"><span><?php p($l->t('Create')); ?></span></a>
<div class="systemtag-input--actions">
<a id="systemtag_delete" class="hidden button systemtag-input--actions-button"><span><?php p($l->t('Delete')); ?></span></a>
<a id="systemtag_reset" class="button systemtag-input--actions-button"><span><?php p($l->t('Reset')); ?></span></a>
<a id="systemtag_submit" class="button systemtag-input--actions-button"><span><?php p($l->t('Create')); ?></span></a>
</div>
</div>
</form>