ui: типографика Inter без наложений, подпись бренда в одну строку, плотнее лента; smoke ловит наложения текста
This commit is contained in:
@@ -159,7 +159,7 @@ a:hover { color: var(--omni-foreground); }
|
||||
.skip-link { position: absolute; z-index: 1090; }
|
||||
.brand-mark { display: grid; place-items: center; flex: 0 0 var(--omni-space-8); width: var(--omni-space-8); height: var(--omni-space-8); border: 1px solid var(--omni-border); border-radius: var(--omni-radius); background: var(--omni-card); }
|
||||
.brand-name { display: block; font-size: var(--omni-text-title); font-weight: 600; line-height: 1.3; letter-spacing: .04em; }
|
||||
.brand-caption { display: block; margin-top: var(--omni-space-1); color: var(--omni-muted-foreground); font-size: var(--omni-text-caption); font-weight: 500; line-height: 1.45; letter-spacing: .06em; }
|
||||
.brand-caption { display: block; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--omni-muted-foreground); font-size: var(--omni-text-caption); font-weight: 500; line-height: 1.45; letter-spacing: .06em; }
|
||||
#sidebar-menu { min-width: 0; width: 100%; }
|
||||
.navbar.navbar-vertical .navbar-nav { --tblr-sidebar-nav-padding-y: var(--omni-space-2); --tblr-sidebar-nav-padding-x: var(--omni-space-3); gap: var(--omni-space-1); padding-inline: var(--omni-space-2); }
|
||||
.navbar.navbar-vertical .navbar-nav .nav-link { gap: var(--omni-space-3); min-height: var(--omni-control-height); padding: var(--omni-space-2) var(--omni-space-3); margin: 0; border-radius: var(--omni-radius); color: var(--omni-muted-foreground); font-size: var(--omni-text-base); line-height: 1.4; transition: background-color var(--omni-transition), color var(--omni-transition); }
|
||||
@@ -224,7 +224,7 @@ option, optgroup { color: var(--omni-foreground); background: var(--omni-backgro
|
||||
.source-url { max-width: var(--omni-source-width); }
|
||||
.list-group { --tblr-list-group-color: var(--omni-foreground); --tblr-list-group-bg: var(--omni-background); --tblr-list-group-border-color: var(--omni-border); --tblr-list-group-action-color: var(--omni-foreground); --tblr-list-group-action-hover-color: var(--omni-foreground); --tblr-list-group-action-hover-bg: var(--omni-muted); --tblr-list-group-action-active-bg: var(--omni-muted); }
|
||||
.list-group-item { background-color: var(--omni-background); border-color: var(--omni-border); color: var(--omni-foreground); }
|
||||
.item { padding: var(--omni-space-3) var(--omni-space-4); transition: background-color var(--omni-transition); }
|
||||
.item { padding: 10px var(--omni-space-4); transition: background-color var(--omni-transition); }
|
||||
.item:hover, .item:focus-within { background: var(--omni-card); }
|
||||
.reader-open { display: block; width: 100%; border: 0; padding: 0; background: transparent; color: inherit; font: inherit; text-align: start; }
|
||||
.reader-open:hover .feed-title, .reader-open:focus-visible .feed-title { color: var(--omni-foreground); text-decoration: underline; text-underline-offset: var(--omni-space-1); }
|
||||
@@ -232,7 +232,7 @@ option, optgroup { color: var(--omni-foreground); background: var(--omni-backgro
|
||||
.line-clamp-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; }
|
||||
.feed-content { flex: 1; min-width: 0; }
|
||||
.feed-preview { font-size: var(--omni-text-base); line-height: 1.55; }
|
||||
#list .feed-preview { -webkit-line-clamp: 1; }
|
||||
#list .feed-preview { -webkit-line-clamp: 1; min-height: 1.55em; }
|
||||
.feed-original { color: var(--omni-muted-foreground); }
|
||||
#feed-form > .row { --tblr-gutter-x: var(--omni-space-3); --tblr-gutter-y: var(--omni-space-3); }
|
||||
#feed-form summary { cursor: pointer; font-size: var(--omni-text-small); }
|
||||
@@ -313,7 +313,7 @@ pre { padding: var(--omni-space-4); }
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand text-start brand-lockup" href="#/feed" aria-label="OMNI — открыть ленту">
|
||||
<span class="brand-mark" aria-hidden="true"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 3h10l3 7-3 7H5l-3-7 3-7Z"/><path d="m5 3 5 7 5-7M5 17l5-7 5 7M2 10h16"/></svg></span>
|
||||
<span class="min-w-0"><span class="brand-name">OMNI</span><span class="brand-caption">SOURCE INTELLIGENCE</span></span>
|
||||
<span class="min-w-0"><span class="brand-name">OMNI</span><span class="brand-caption" title="Source intelligence">INTELLIGENCE</span></span>
|
||||
</a>
|
||||
<button class="navbar-toggler" id="sidebar-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar-menu" aria-controls="sidebar-menu" aria-expanded="false" aria-label="Открыть меню навигации"><span class="navbar-toggler-icon" aria-hidden="true"></span><span class="ms-2">Меню</span></button>
|
||||
<div class="collapse navbar-collapse" id="sidebar-menu">
|
||||
|
||||
Reference in New Issue
Block a user