1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Suggested change to default xenforo.com 1.2 (Redactor) editor toolbar CSS

Discussion in 'General XenForo Discussion and Feedback' started by CyclingTribe, Jun 6, 2013.

  1. CyclingTribe

    CyclingTribe Well-Known Member

    I'd like to suggest a small change to the CSS for the new Redactor editor toolbar:

    .redactor_toolbar li.redactor_btn_group ul {
      margin: 0px;
      overflow: hidden;
      background: linear-gradient(to top, rgb(206, 206, 206) 0%, rgb(255, 255, 255) 100%) repeat scroll 0% 0% transparent;
      box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
      border-radius: 3px 3px 3px 3px;
      padding: 1px;
      border: 1px solid rgb(190, 190, 190);
    .redactor_toolbar {
      font-size: 0px;
      padding: 0px 0px 0px 2px;
      margin: 0px;
      position: relative;
      left: 0px;
      top: 0px;
      line-height: 0;
      background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(215, 215, 215) 100%) repeat scroll 0% 0% transparent;
      overflow: hidden;
      list-style: none outside none;
      border-bottom: 1px solid rgb(195, 195, 195);

    Changing from this:

    To this:

    Last edited: Jun 6, 2013
    shenmuee, Alien, Tracy Perry and 12 others like this.
  2. Jeremy

    Jeremy XenForo Moderator Staff Member

    I actually personally prefer the second one, but the default one sets the buttons apart more in my eyes (which is better for defaults I think). (y)
  3. Jeremy P

    Jeremy P Well-Known Member

    I really like the 2nd. It still stands out more than the TinyMCE buttons did so I don't think it'd be an issue.

    I am not a huge fan of the way the editor looks now, but I appreciate it is easier to style than TinyMCE and I know you've already heard such complaints :rolleyes:
  4. Shelley

    Shelley Well-Known Member

    First off, nice work Shaun and I like the second one also i have to say. (y)
  5. Garamond

    Garamond Well-Known Member

    A big thumb up for the adjustment! :)

    A little color-tweak now and we're good to go.
  6. Adam Howard

    Adam Howard Well-Known Member


    Did you type that in the box or did that get carried over with your edit?

    Someone has to ask......
  7. CyclingTribe

    CyclingTribe Well-Known Member

    I typed it ... but couldn't be bothered to remove it for cleanness before posting. I'm usually a bit more fastidious than that, but on this occasion ... :D
    Adam Howard likes this.
  8. DRE

    DRE Well-Known Member

    I prefer this.

    Screen Shot 2013-06-08 at 12.53.36 PM.png
    Morgain and Garamond like this.
  9. Shelley

    Shelley Well-Known Member

    Perhaps start a poll with the current redactor style and the blue modified one? Personally I like the default editor grey look since it's neutral, where too much blue on that one for me drowns it out. Would be interesting to see what the results are since a few people now have took a liking to the blue variation.
    Steve F likes this.
  10. DRE

    DRE Well-Known Member

    No cause I like blue period. Just a personal preference. Not something I'd try to force on everyone as a developer.

    BUT if they did add it, I think that it would fit the site perfectly since it's the same color as the default. Then the editor color should be some property in Style Properties so that it is easy to change for any style you use.
  11. feldon30

    feldon30 Well-Known Member

    Having the gradients going 2 different directions is bizarre.
    Garamond likes this.
  12. Tracy Perry

    Tracy Perry Well-Known Member

    I like the neutral. Fit in more naturally at first with my color schema than blue would.. blue would look a "little weird".
  13. Shelley

    Shelley Well-Known Member

    I think this is just one of those situations where it wouldn't matter which colour was default it wouldn't suit a % of people. in anycase, the majority of people will enhance it to their needs when 1.2 is made public.

    Edit: I'm happy with the default look but will still be enhancing it. Style it rather t0 my own preference .
    Tracy Perry likes this.
  14. Tracy Perry

    Tracy Perry Well-Known Member

    Agreed, but a neutral color would give me more time to work on the other parts that I know are going to need fixing. ;)
    Shelley likes this.
  15. Tracy Perry

    Tracy Perry Well-Known Member

    Why not just have a couple of pre-configured ones
    1) Neutral
    2) Blue
    3) God-awful green
    4) Horrible red
    5) Outrageous Pink
  16. Shelley

    Shelley Well-Known Member

    :D I'm already starting on my editor now. Slow process designing the icons but getting there. And i agree with you regarding the neutral colour.

    Edit: Don't knock the green. :p
  17. Brogan

    Brogan XenForo Moderator Staff Member

    Indeed! :mad:
    Shelley and Tracy Perry like this.
  18. Tracy Perry

    Tracy Perry Well-Known Member

    @Brogan, the green comment was a 'jest for you' special. ;)
    Brogan and Shelley like this.
  19. Shelley

    Shelley Well-Known Member

    It's funny really because at another site years ago I loathed green because of those HYS the old Dark styles and bright greens & limes which put me right off green. Since xenforo it's only then that 99% of the styles i've created have been prominently green. Long live the green. :D

    I think it all depends what variation of green you use.
  20. Brogan

    Brogan XenForo Moderator Staff Member

    O/T I only went with green because blue was out (obviously) and red = Ferrari (spits) so it was green or orange :D

Share This Page