Don't you like the big blue bar at the bottom of the screen? [#347783]

Here is some css to only show a small button on the bottom right instead:

  /* localization client/*      /* show a button in the bottom right corner instead of a big blue bar at the bottom of the screen*/
  #l10n-client
  {
    font-size: 14px;            /* lets the translation area occupy a smaller space, but still readable */
  }
  #l10n-client.hidden
  {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    width: 14em;                /* give enough space for the text "TRANSLATE TEXT", but don't occupy the whole viewport-width */
    font-size: 10px;
    font-weight: bold;
    background: transparent;    /* to avoid "shadows" */
  }
  #l10n-client.hidden .labels
  {
    background: transparent;
    color: black;
  }
  #l10n-client.hidden .toggle
  {
    background: silver;         /* the button face */
    border: 2px outset silver;  /* show an outset button */
    -moz-border-radius: 5px;    /* nice Mozilla property to show rounded angles */
  }

I would have better liked to add this to the documentation page, but there is none (?) except for the cvs excerpt.

Comments

Comment #1

fletchgqc commented 12 February 2009 at 15:36

Status:

Active

» Needs work

Excellent work, no I don't like the big blue bar at the bottom very much, thanks! :-) This is really a nice improvement and should actually be committed to the project to replace the existing blue bar.

Maybe you could make a patch against the current CSS file to replace the blue bar with your solution? I was going to say it should be a configurable option but why bother, no-one would want the blue bar if they can have this nice little button.

Anyone else?

Comment #2

pepe roni commented 19 February 2009 at 19:31

Status:

Needs work

» Closed (won't fix)

I will not patch the provided css file of the l10n module, as this is not the intended use of css. You can instead add the css above to the css of your own theme and all is done. Or, if you really want to, add the css to the bottom of the l10n provided css.

Comment #3

fletchgqc commented 20 February 2009 at 10:05

What I'm trying to say is that your styles should be put into the module as the default display, instead of the current blue bar. That way people can benefit from this improvement without manually having to add to their theme.

I know where you're coming from that the whole point of a theme is to customize your own site look. But by that logic, we could also make the default CSS for this module cover half the screen with a big black rectangle and then allow people to customise their individual themes to take the black rectangle away.

We might as well give the best configuration by default.

Anyway I suppose as long as no-one else comments on this issue in agreement, no-one else cares too much...

Comment #4

tsi commented 19 May 2009 at 16:06

Actualy, this big blue bar is the only reason why I have uninstalled this module,
I am using a laptop with a wide (in other words short) screen and this bar is really unnecessary,
I would also add a shorycut key to display and completely hide the bar (administration menu style).