1
0
Fork 0
mirror of synced 2024-05-21 05:02:37 +12:00

Updated UI

This commit is contained in:
Eldad Fux 2020-04-23 21:49:31 +03:00
parent 406eb8cff9
commit eba0a21eee
8 changed files with 28 additions and 64 deletions

View file

@ -32,7 +32,7 @@ const APP_EMAIL_SECURITY = 'security@localhost.test'; // Default security email
const APP_USERAGENT = APP_NAME.'-Server v%s. Please report abuse at %s';
const APP_MODE_ADMIN = 'admin';
const APP_PAGING_LIMIT = 15;
const APP_CACHE_BUSTER = 98;
const APP_CACHE_BUSTER = 99;
const APP_VERSION_STABLE = '0.5.3';
const APP_STORAGE_UPLOADS = '/storage/uploads';
const APP_STORAGE_CACHE = '/storage/cache';

View file

@ -49,7 +49,7 @@
</li>
<li>
<span class="link"><i class="icon-sun-inv force-dark pull-start"></i><i class="icon-moon-inv force-light pull-start"></i> &nbsp; Change Theme
<div class="pull-end switch-theme desktops-only">
<div class="pull-end switch-theme">
<button data-general-theme
data-analytics-event="click"
data-analytics-category="console/header"

View file

@ -70,8 +70,6 @@ $collection = $this->getParam('collection', null);
<?php
echo $collection->getAttribute('name');
$comp = new View(__DIR__.'/form.phtml');
$comp
@ -118,7 +116,7 @@ $collection = $this->getParam('collection', null);
</div>
<ul class="margin-bottom-large text-fade text-size-small">
<li class="margin-bottom-small"><i class="icon-angle-circled-right margin-start-tiny margin-end-tiny link"></i> <button data-ls-ui-trigger="open-json" class="link">View as JSON</button></li>
<li class="margin-bottom-small"><i class="icon-angle-circled-right margin-start-tiny margin-end-tiny"></i> <button data-ls-ui-trigger="open-json" class="link text-size-small">View as JSON</button></li>
</ul>
<div data-ls-if="({{project-document.$id}})">

View file

@ -14,7 +14,7 @@ $comp->setParam('namespace', 'node.');
<div class="row thin responsive margin-bottom-small force-reverse">
<div class="col span-1">
<div class="drop-list bottom end" data-ls-ui-open="" data-button-text="" data-button-icon="icon-cog" data-button-selector="[data-toggler]" data-button-class="round dark small margin-bottom-small margin-top-tiny pull-end" data-blur="1" tabindex="1">
<ul>
<ul class="arrow-end margin-top margin-end-negative-small">
<li data-move-up>
<button type="button" class="link"><i class="icon-up-dir"></i> Move Up</button>
</li>

View file

@ -15,6 +15,18 @@
</h1>
</div>
<div data-ui-modal class="modal width-large box close" data-button-hide="on" data-open-event="open-json">
<button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
<h2>JSON View</h2>
<div class="margin-bottom">
<input type="hidden" data-ls-bind="{{user}}" data-forms-code />
</div>
<button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
</div>
<div class="zone xl">
<ul class="phases clear" data-ui-phases data-selected="{{router.params.tab}}">
<li data-state="/console/users/view?id={{router.params.id}}&project={{router.params.project}}">
@ -81,10 +93,14 @@
</div>
<div class="col span-4">
<label>User ID</label>
<div class="input-copy margin-bottom-large">
<div class="input-copy margin-bottom">
<input id="uid" type="text" autocomplete="off" placeholder="" data-ls-bind="{{user.$id}}" disabled data-forms-copy>
</div>
<ul class="margin-bottom-large text-fade text-size-small">
<li class="margin-bottom-small"><i class="icon-angle-circled-right margin-start-tiny margin-end-tiny"></i> <button data-ls-ui-trigger="open-json" class="link text-size-small">View as JSON</button></li>
</ul>
<div data-ls-if="{{user.status}} !== <?php echo \Appwrite\Auth\Auth::USER_STATUS_BLOCKED; ?>" style="display: none">
<form name="users.updateStatus" class="margin-bottom"
data-analytics-event="submit"

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -528,7 +528,7 @@ fieldset {
}
}
input[type=checkbox] {
input[type=checkbox], input[type=radio] {
width: 26px;
height: 16px;
position: relative;
@ -577,60 +577,6 @@ input[type=checkbox] {
}
}
input[type=radio] {
width: 26px;
height: 16px;
position: relative;
-webkit-appearance: none;
border-radius: 0;
border: none;
background: transparent;
vertical-align: middle;
text-align: center;
&:after {
content: "";
display: block;
width: 20px;
height: 20px;
background: var(--config-color-background-input);
top: -5px;
border-radius: 50%;
position: absolute;
border: solid 3px var(--config-color-focus);
vertical-align: middle;
}
&:checked:after {
text-align: center;
font-family: "fontello";
content: '\f192';
font-size: 20px;
line-height: 26px;
color: var(--config-color-background-fade);
background: var(--config-color-focus);
border: 0;
width: 26px;
height: 26px;
}
&:focus {
outline: none;
}
&:focus:after,
&:hover:after {
outline: none;
border-color: #000000;
}
&:checked:focus:after,
&:checked:hover:after {
border-color: var(--config-color-focus);
}
}
.input-copy {
position: relative;
@ -914,6 +860,10 @@ label.switch {
margin-top: -25px;
margin-bottom: 20px;
span {
font-weight: inherit!important;
}
@media @phones {
.func-margin-start(-5px);
}