Skip to content

Instantly share code, notes, and snippets.

@trpfrog
Last active June 7, 2023 08:08
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save trpfrog/a4309ddadd1a40c1a26befa1c5127a0b to your computer and use it in GitHub Desktop.
Save trpfrog/a4309ddadd1a40c1a26befa1c5127a0b to your computer and use it in GitHub Desktop.
UEC学生ポータル (portalweb.uec.ac.jp) につけると嬉しくなるCSS
/* 掲示板の投稿一覧を見やすくするCSS */
.def_tree_div {
/* ツリーを最上部に固定 */
position: sticky;
top: 10px;
}
div.def_block {
/* sticky の有効化に必要 */
overflow: initial;
}
div.def_info_body {
/* 掲示板の高さ制限を無くす */
height: initial;
}
/* ------------------------------------------------------ */
/* 掲示板ダイアログの背景をクリックして閉じるCSS */
/* 副作用: 赤いバツボタンが無くなります */
.dialog_close {
/* バツボタンを無理やり画面いっぱいに広げる */
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
/* ダイアログの裏に回り込ませる */
z-index: -1;
/* ボタンの画像を消す */
background: none;
}
.dialog_minimize {
/* お好みで最小化ボタンを消し飛ばす */
display: none;
}
.dialog_maximize {
/* お好みで最大化ボタンを消し飛ばす */
display: none;
}
/* ------------------------------------------------------ */
/* ダイアログを responsive 対応にするCSS */
.dialog {
position: fixed;
z-index: 100 !important;
top: 25vh !important;
left: 5vw !important;
width: 90vw !important;
max-height: 50vh !important;
}
.mid.table_window {
/* ダイアログいっぱいにコンテンツを広げる */
height: 100%;
}
.dialog_content iframe {
/* ダイアログいっぱいにコンテンツを広げる */
width: 100% !important;
height: 100% !important;
}
.dialog_sizer.bottom_draggable {
/* responsive 対応によりドラッグができなくなるので */
/* draggable な表示を削除 */
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment