Re: [-VV-] 求增加 status bar 高度的 CSS script

作者: mstar (Wayne Su)   2018-10-20 09:20:51
先修改 resources/vivaldi/browser.html
在 </head> 前面加入:
<link rel="stylesheet" href="style/custom.css" />
然後到 resources/vivaldi/style/ 新增 custom.css
再把你的自訂 CSS 貼進去。
每次改版後都要再重弄一次。
※ 引述《drkh (eutatosp)》之銘言:
: 我把 Vivaldi 的 User Interface 縮至 80% 後, 是很合適, 但 status bar 的
: 高度隨之變得很窄.
: 我有用一則 custom JS script 將所有 extension button 移到 status bar.
: 感覺若是 status bar 的高度能增加一點, 會比較利於滑鼠游標瞄準那些
: extension button.
: 我不懂程式, 到 Vivaldi forums 詢問, 沒獲得答案. 但感覺這應該不難才對,
: 就自己上網胡亂找了一段簡單的 CSS code, 想自力救濟一下, 但失敗了. 以下
: 就是那段 CSS code (我想將 status bar 的高度設為 25px):
: #statusbar
: {
: padding: 25px; !important;
: }
: 哪位高手能幫忙一下? 謝謝.
作者: drkh (eutatosp)   2018-10-23 15:42:00
多謝樓上另外, 我也想將 status bar 內的 16x16 px button 增大至20 x 20 px. 在 Vivaldi 的論壇有人提供以下的 CSS script但無效 (custom.js 禁用, custom.css 只包含下面的 code):#footer button svg {height: 20px !important;width: 20px !important;}
作者: drkh (eutatosp)   2018-10-21 05:58:00
這我知道. 我是需要 css codes.我已經用了好幾則 JS 及 CSS script codes 將 Vivaldi 的介面改成這樣 -> https://bit.ly/2PgLXro 中間青綠色的部份代表 page content area.我之前貼出的那段"自力救濟"的 CSS code 不靈光.上面貼出的那張圖剛改過. 新圖是 https://bit.ly/2yvcMi5
作者: tch1114 (TCH)   2018-10-22 01:13:00
#statusbar改#footer內容改height: 25px;
作者: tch1114 (TCH)   2018-10-26 23:06:00
這是把原本status bar的icon變大 如果你要變大extensions改成 .extensions-wrapper button img
作者: drkh (eutatosp)   2018-10-28 19:40:00
status bar 的 button, 不論是 Vivaldi 自建, 或是extension, 都雙雙增大了. 見 https://tinyurl.com/ycjqdqm5多謝多謝.乾脆再請問... 能否將 bookmark bar 的文字 text label 顏色設為紅色? 可較醒目.我曾試用 .bookmark-bar {font-color: red} 但無效.
作者: tch1114 (TCH)   2018-10-28 22:58:00
.panel-bookmarks .vivaldi-tree { color: red; }
作者: drkh (eutatosp)   2018-10-28 23:58:00
謝謝. 但您給的 code 是作用於 bookmark panel, 不是bookmark bar. 已實測.我的需求更明確地說, 是要更改 bookmark bar 內, folder 的text color, 而非 bookmark 的 text color.
作者: tch1114 (TCH)   2018-11-05 08:52:00
.bookmark-bar button .folder-icon + span
作者: drkh (eutatosp)   2018-11-05 09:53:00
完成了! 多謝再度支援.難得遇到高人, 可否再請幫忙解決一個惱人的問題...我將VV的 startup page 設為 about:blank, 另將書籤設為用一個 new tab 開啟. 而我每次啟動 VV 後, 第一個動作總是開啟 bookmark bar 內的書籤, 所以, 等到那個書籤在一個 newtab 開啟後, 我須手動把那個 about:blank 的 startup page刪除, 不然它不會消失. 刪除的次數多了, 覺得很惱人. 不知可否讓它自動消失? 換句話說, 也就是:"每當將一個 URL 用一個 new tab 開啟時, 若當時已有一個(或一個以上) blank tab就自動用那個(或距離最近的) blank tab 開啟 URL."不知上述的目標是否可行?

Links booklink

Contact Us: admin [ a t ] ucptt.com