diff --git a/web/src/main/resources/static/css/app.css b/web/src/main/resources/static/css/app.css index f6968f3..e8429e5 100644 --- a/web/src/main/resources/static/css/app.css +++ b/web/src/main/resources/static/css/app.css @@ -42,7 +42,7 @@ body { } a { color: var(--c-text-link); } -a:hover { color: var(--c-text-link-hover); } +a:not(.btn):hover { color: var(--c-text-link-hover); } /* Атрибут hidden должен скрывать элемент даже если у него display из класса */ [hidden] { display: none !important; } @@ -381,8 +381,10 @@ th.th-filterable { padding-bottom: 0.35rem; } .side-articles li { margin: 0.1rem 0; } .side-articles a { display: inline-block; } .side-current { font-weight: 600; text-decoration: underline; } -.article-nav { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } +.article-nav { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; flex-wrap: nowrap; } .article-nav .ml-auto, .article-nav a:last-child:not(:only-child) { margin-left: auto; } +.article-nav .btn { min-width: 0; max-width: calc(50% - 0.4rem); overflow: hidden; white-space: nowrap; } +.article-nav .btn > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 1000px) { .learn-layout { grid-template-columns: 1fr; } .learn-main { order: 1; }