niko
/
pleroma-fe
1
0
フォーク 0
コード イシュー プルリクエスト パッケージ プロジェクト リリース Wiki アクティビティ

Column width configuration: do not act on defaults, bound with on minmax --miniColumn

このコミットが含まれているのは:
Alexander Tumin 2022-08-11 16:37:30 +03:00
親 017061a46c
コミット 258b5e6be2
1個のファイルの変更、10行の追加、10行の削除
統計情報を表示 Patchファイルをダウンロード Diffファイルをダウンロード すべてのファイルを展開 すべてのファイルを折り畳む

20
src/App.scss
ファイルの表示

@ -191,8 +191,8 @@ nav {
position: relative; position: relative;
display: grid; display: grid;
grid-template-columns: grid-template-columns:
var(--sidebarColumnWidth, var(--miniColumn)) minmax(var(--miniColumn), var(--sidebarColumnWidth, var(--miniColumn)))
minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn)))); var(--effectiveContentColumnWidth);
grid-template-areas: "sidebar content"; grid-template-areas: "sidebar content";
grid-template-rows: 1fr; grid-template-rows: 1fr;
box-sizing: border-box; box-sizing: border-box;
@ -287,23 +287,23 @@ nav {
&.-reverse:not(.-wide):not(.-mobile) { &.-reverse:not(.-wide):not(.-mobile) {
grid-template-columns: grid-template-columns:
minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn)))) var(--effectiveContentColumnWidth)
var(--sidebarColumnWidth, var(--miniColumn)); minmax(var(--miniColumn), var(--sidebarColumnWidth, var(--miniColumn)));
grid-template-areas: "content sidebar"; grid-template-areas: "content sidebar";
} }
&.-wide { &.-wide {
grid-template-columns: grid-template-columns:
var(--sidebarColumnWidth, var(--miniColumn)) minmax(var(--miniColumn), var(--sidebarColumnWidth, var(--miniColumn)))
minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn)))) var(--effectiveContentColumnWidth)
var(--notifsColumnWidth, var(--miniColumn)); minmax(var(--miniColumn), var(--notifsColumnWidth, var(--miniColumn)));
grid-template-areas: "sidebar content notifs"; grid-template-areas: "sidebar content notifs";
&.-reverse { &.-reverse {
grid-template-columns: grid-template-columns:
var(--notifsColumnWidth, var(--miniColumn)) minmax(var(--miniColumn), var(--notifsColumnWidth, var(--miniColumn)))
minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn)))) var(--effectiveContentColumnWidth)
var(--sidebarColumnWidth, var(--miniColumn)); minmax(var(--miniColumn), var(--sidebarColumnWidth, var(--miniColumn)));
grid-template-areas: "notifs content sidebar"; grid-template-areas: "notifs content sidebar";
} }
} }