1995eaton / chromium-vim

Vim bindings for Google Chrome.
https://chrome.google.com/webstore/detail/cvim/ihlenndgcmojhcghmfjfneahoeklbjjh
MIT License
2.26k stars 325 forks source link

Help with CSS: Double height command bar. #403

Closed achilleas-k closed 8 years ago

achilleas-k commented 8 years ago

I like having the command bar at the bottom, but as mentioned in #22, when the mouse pointer is hovering over a link, the URL at the bottom covers the bar. I'm thinking that doubling the command bar's height would solve this issue, but I'm not sure how to make it happen using the user CSS configuration. I can get the bar to double height by changing the bar height to 40px from 20:

#cVim-command-bar {
  height: 40px !important;
}

The problem with this is the command text is in the middle of the command bar (though the prompt : is at the top). How do I get the text to appear at the top of the command bar?

EDIT: Image attached screenshot_20160122_141351

fightingdreamer commented 8 years ago

You only need:

#cVim-command-bar {
  height: 45px !important;
}

#cVim-command-bar span, #cVim-command-bar input {
  height: auto !important;
  padding-top: 0.4em !important;
}

#cVim-command-bar-search-results {
  bottom: 45px !important;
}

cvim

achilleas-k commented 8 years ago

That is perfect. Thank you.