roundabout,
created on Tuesday, 6 February 2024, 14:33:48 (1707230028),
received on Wednesday, 31 July 2024, 06:54:41 (1722408881)
Author identity: vlad <vlad.muntoiu@gmail.com>
a733e125972177024d741af064d8ca89eaa7f15e
static/efficient-ui/THEME.css
@@ -188,10 +188,14 @@
--border-flat-button-hover: none;
--radius-button: 2px;
--radius-round-button: 100vmin;
--radius-flat-button: 2px;
--height-button: 36px;
--size-round-button: 48px;
--margin-round-button: 8px;
--padding-button: 4px 8px;
--padding-round-button: 8px;
--gap-button: 4px;
--min-width-button: 64px;
@@ -344,7 +348,7 @@
--height-navbar: 56px;
--width-navbar-button: 56px;
--padding-navbar: 0;
--padding-navbar: 12px;
--gap-navbar: 0;
--shadow-navbar: 0 7px 25px -10px rgba(0, 0, 0, 0.12), 0 7px 25px 0 rgba(0, 0, 0, 0.24), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
--border-navbar: none;
static/efficient-ui/buttons.css
@@ -54,4 +54,17 @@ iconify-icon {
:is(button, .button, input[type=button], input[type=submit], input[type=reset], input[type="file"]::file-selector-button).button-neutral {
color: inherit !important;
}
.button-round {
border-radius: var(--radius-round-button);
min-height: var(--size-round-button);
min-width: var(--size-round-button);
margin: var(--margin-round-button);
padding: var(--padding-round-button);
}
.fab {
max-height: var(--size-round-button);
max-width: var(--size-round-button);
}
templates/default.html
@@ -100,10 +100,8 @@
</header>
<x-hbox class="flexible-space nopad" style="width: 100%; overflow: hidden; align-items: strech;">
<nav id="repo-nav" class="navrail" style="max-height: 100%; flex: 0 0 var(--width-navrail);">
<ul id="repo-tabs">
{% block nav %}
{% endblock %}
</ul>
{% block nav %}
{% endblock %}
</nav>
<x-vbox style="overflow: auto; scrollbar-gutter: auto; scrollbar-color: #000000; flex: 1 1 auto; max-height: calc(100vh - var(--height-navbar));">
<main>
templates/repo.html
@@ -103,29 +103,14 @@
</a>
</li>
</ul>
{% endblock %}
<!-- <x-buttonbox>-->
<!-- {% if logged_in_user %}-->
<!-- <a class="button" href="/{{ username }}/{{ repository }}/favourite">-->
<!-- {% if not is_favourite %}-->
<!-- <iconify-icon icon="mdi:star"></iconify-icon>-->
<!-- Favourite-->
<!-- {% else %}-->
<!-- <iconify-icon icon="mdi:star"></iconify-icon>-->
<!-- Remove favourite-->
<!-- {% endif %}-->
<!-- </a>-->
<!-- {% endif %}-->
<!-- <!– <button>–>-->
<!-- <!– <iconify-icon icon="mdi:chat-alert"></iconify-icon>–>-->
<!-- <!– follow–>-->
<!-- <!– </button>–>-->
<!-- <button onclick="document.getElementById('clone-info').showModal();">-->
<!-- <iconify-icon icon="mdi:swap-vertical-bold"></iconify-icon>-->
<!-- Clone-->
<!-- </button>-->
<!-- <!– <button>–>-->
<!-- <!– <iconify-icon icon="mdi:directions-fork"></iconify-icon>–>-->
<!-- <!– fork–>-->
<!-- <!– </button>–>-->
<!-- </x-buttonbox>-->
<div class="flexible-space"></div>
{% if logged_in_user %}
<a class="button button-round fab" title="Mark as favourite" href="/{{ username }}/{{ repository }}/favourite">
<iconify-icon icon="mdi:star-plus"></iconify-icon>
</a>
<button class="button-round fab" onclick="document.getElementById('clone-info').showModal();">
<iconify-icon icon="mdi:download"></iconify-icon>
</button>
{% endif %}
{% endblock %}
templates/user-profile.html
@@ -48,16 +48,16 @@
</a>
</li>
</ul>
<!-- <x-buttonbox>-->
<!-- {% if logged_in_user != user.username and logged_in_user %}-->
<!-- <form action="?action=follow" method="POST">-->
<!-- <button type="submit">-->
<!-- <iconify-icon icon="mdi:eye"></iconify-icon>-->
<!-- {% if relationship %}Unfollow{% else %}Follow{% endif %}-->
<!-- </button>-->
<!-- </form>-->
<!-- {% endif %}-->
<!-- </x-buttonbox>-->
<div class="flexible-space"></div>
{% if logged_in_user %}
<form action="?action=follow" method="POST">
<button type="submit" class="button-round fab">
<iconify-icon icon="mdi:eye"></iconify-icon>
</button>
</form>
{% endif %}
{% endblock %}
{% block scripts %}