Settings
code:style.css
.navbar .navbar-menu>li.stream-btn,
.navbar .navbar-menu>li.stream-btn.hidden-xs
{ display: block !important; }
code:style.css
.time-range .lines {
user-select: unset;
-webkit-user-select: unset;
}
画像に影をつける
いらないので消しますshokai.icon
code:___style.css
.line .image, .line .strong-image {
box-shadow: 0 0 10px rgba(0,0,0,.6);
margin-top: 10px;
margin-bottom: 10px;
}
インライン引用
code:style.css
.deco-\" {
border-radius: .2em; padding: 0 .4em; background-color: rgba(128,128,128,0.1);
font-size:95%; font-style: italic
}
.deco-\"::before {
color: #a0a0a0; font-size:85%; font-family: 'FontAwesome'; content: '\f10d'; vertical-align: super }
code:style.css_
.navbar-form .dropdown.open .dropdown-menu {
min-width: 100%;
max-height: calc(100vh - 130px) !important;
overflow-y: auto;
}
いらないので無効化しました。必要な人は自分のページでやってくださいshokai.icon 理由は
縦に並ぶアイテム数は5〜7程度に抑えたい
それ以上は、視線を上下に移動させなければならなくて疲れる
目を動かす前に指を動かす意識をするというのは理解できますが、それでも小さな窓で全体を見渡そうとすると疲れませんか？Mijinko_SD.icon
個人的には、スクロールの必要性が高く、動きが多くなるデザインだと、どの行まで見たのかを頻繁に見失って疲れます
あと1文字書けば候補が絞り込まれて、スクロールする必要なくなりますshokai.icon
個人で変えるべきというのには同意していますので、これはあくまで疑問として受け取っていただければ幸いです
キーワード入力する、その周辺視野にサジェストが表示される、気に入らなかったらまたキーワード入力する、これを繰り返す
縦に何十個も並べる必要はない。その状態で1文字打てば5個程度に減るのだから
タワー記法では表現しきれない感情を表現したいときに使うtakker.icon code:style.css
@keyframes icon-shake {
0% { transform:translate(0, 0) rotate(0); }
16.66% { transform:translate(2px, -2px) rotate(-5deg); }
33.32% { transform:translate(2px, 1px) rotate(5deg); }
49.98% { transform:translate(0, 0) rotate(0); }
66.64% { transform:translate(-2px, -2px) rotate(5deg); }
83.30% { transform:translate(-2px, 3px) rotate(-5deg); }
100% { transform:translate(0, 0) rotate(0); }
}
.deco-\! img.icon {
animation: 0.15s icon-shake linear infinite;
}
code:style.css_
@media screen {
.quick-launch .project-home {
position: fixed;
top: -2px;
left: 60px;
z-index: 1000;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.quick-launch .project-home {
left: 75px;
}
}
@media screen and (min-width: 992px) and (max-width: 1260px) {
.quick-launch .project-home {
left: 90px;
}
}
@media screen and (min-width: 1261px) {
.quick-launch .project-home {
/* left: calc((100% - 1280px)/2 + 80px); */
left: calc((100% - 1280px)/2 + 100px);
}
}
.quick-launch .project-home {
--tool-text-color: white;
}
background: rgba(0, 0, 0, 0.08);
text-decoration: none;
}
いらないので無効化しましたshokai.icon
理由は
この位置に置くには文字のスタイリングがおかしい
ページ画面とページリスト画面で上のボーダーの位置が揃わなくなり、画面遷移毎にガタガタする