Skip to content

デザインTips

Mitsuru Mutaguchi edited this page Jan 26, 2019 · 3 revisions

デザイン上、未ログインの時は画面上部の黒いバー(<nav>タグ)を表示したくない時、
新しいテーマを作成して、cssをオーバーライトする事で、黒いバーを消す事ができます。

未ログイン、ログイン済みで<header>,<body>タグに設定される、空のCSSがいれ変わります。

空のCSS

この空のCSSがあることにより、新しいテーマでCSSのオーバーライトが可能です。

  • <header>タグのcss class

    • 未ログイン:nc-system-header-nologgedin
    • ログイン済み:nc-system-header-loggedin
  • <body>タグのcss class

    • 未ログイン:body-nologgedin
    • ログイン済み:body-loggedin

新しいテーマのCSS例

/* 未ログイン時はシステムヘッダーを非表示にする
---------------------------------------------------------------------*/
header.nc-system-header-nologgedin {
	display: none;
}
body.body-nologgedin {
	padding-top: 0;
}

link

Clone this wiki locally
You can’t perform that action at this time.