Can someone update this style to restore Gmail links (All, None, Read, Unread, Starred, Unstarred)

edited April 2011 in Style Requests
Any chance someone can update this style to work again please? http://userstyles.org/styles/36895/gmail-select-links-restored-style-settings

I'm so used to using these links for my email. I hate using that dropdown menu.

Comments

  • Google is presently rolling out updates to Gmail. I might look at it again once things "settle down"; however, I have no specific use for the links anymore--just read what I want and "Mark all as read" those that are left. Keyboard shortcuts are mostly quicker/easier anyway. Still, I expect I'll inspect the new structure once it's in place (next week or so?).
  • edited April 2011
    I had a few minutes... anyway, this works for [one of] my account[s], don't know if it'll work for yours (or if the colors are what you want [I have a dark background]), but try it out if you want:
    /* Gmail: Select links restored [color setting] */ @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("mail.google.com") { /* >>>> top <<<< */ .VP5otc-pzeoBf.D.E > .nH > .nH.Cq { position: relative !important; padding-bottom: 19px !important; } .VP5otc-pzeoBf.D.E > .nH > .nH.Cq .J-M.AW:nth-child(6) { position: absolute !important; /*add*/ z-index: 5 !important; /*26Sep2010;Priority Inbox*/ top: 21px !important; left: -6px !important; display: inline !important; } /* >>>> bottom <<<< */ .VP5otc-U4m8q.D.E > .nH > .nH.Cq { position: relative !important; padding-top: 19px !important; } .VP5otc-U4m8q.D.E > .nH > .nH.Cq .J-M.AW:nth-child(6) { position: absolute !important; /*add*/ z-index: 5 !important; /*26Sep2010;Priority Inbox*/ top: -9px !important; left: -6px !important; display: inline !important; } /* >>>> both <<<< */ .D.E > .nH > .nH.Cq .J-M.AW:nth-child(6) > .SK:before { content: "Select: " ; font-family: Arial ; color: Gold ; /* Black or Gold */ cursor: text ; } .D.E > .nH > .nH.Cq .J-M.AW:nth-child(6) > .SK { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; background-color: transparent !important; color: White !important; /* White or MediumBlue */ font-family: Verdana !important; } .D.E > .nH > .nH.Cq .J-M.AW:nth-child(6) > .SK.AX > .J-N { display: inline-block !important; padding-left: 8px !important; padding-right: 8px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; /* WebKit */ cursor: pointer !important; } /* ========================================================================= */ /* hide drop-marker */ .D.E /*.Pl*/.J-J5-Ji .J-Zh-I.J-Pm-I /*.AZ*/.J-J5-Ji { display: none !important; } /* select button */ .D.E /*.Pl*/.J-J5-Ji .J-Zh-I.J-Pm-I /* hide button part entirely */ { background: transparent !important; border-color: transparent !important; /**/ padding-left: 4px !important; margin-left: 2px !important; padding-right: 4px !important; margin-right: 10px !important; } /* checkbox: */ .D.E input.J-Pm-Jo[type="checkbox"] { vertical-align: -2px !important; cursor: pointer !important; /**/ outline: 4px outset #05f !important; margin-right: -4px !important; /*19Sep2010: was '0'*/ -moz-outline-radius: 2px !important; /*19Sep2010: was '1px'*/ position: relative !important; /*upd*/ z-index: 5 !important; /*10;26Sep2010;Priority Inbox*/ } /*eod*/}
    (Even if it does work now, Google will probably break it soon. BTW, if you're using Priority Inbox, then you have to change the ':nth-child(6)' to ':nth-child(7)'.)
  • Here's a potentially--depending on whether or not your Gmail code structure looks like mine--"improved" version:
    /* Gmail: Select links restored [color setting] */ @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("mail.google.com") { /* >>>> top <<<< */ .D.E:first-child > .nH > .nH.Cq { position: relative !important; padding-bottom: 19px !important; } .D.E:first-child > .nH > .nH.Cq div[class^="VP5otc-"]+.J-M.AW { position: absolute !important; /*add*/ z-index: 5 !important; /*26Sep2010;Priority Inbox*/ top: 21px !important; left: -6px !important; display: inline !important; } /* >>>> bottom <<<< */ .D.E:not(:first-child) > .nH > .nH.Cq { position: relative !important; padding-top: 19px !important; } .D.E:not(:first-child) > .nH > .nH.Cq div[class^="VP5otc-"]+.J-M.AW { position: absolute !important; /*add*/ z-index: 5 !important; /*26Sep2010;Priority Inbox*/ top: -9px !important; left: -6px !important; display: inline !important; } /* >>>> both <<<< */ .D.E > .nH > .nH.Cq div[class^="VP5otc-"]+.J-M.AW > .SK:before { content: "Select: " ; font-family: Arial ; color: Gold ; /* Black or Gold */ cursor: text ; } .D.E > .nH > .nH.Cq div[class^="VP5otc-"]+.J-M.AW > .SK { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; background-color: transparent !important; color: White !important; /* White or MediumBlue */ font-family: Verdana !important; } .D.E > .nH > .nH.Cq div[class^="VP5otc-"]+.J-M.AW > .SK.AX > .J-N { display: inline-block !important; padding-left: 8px !important; padding-right: 8px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; /* WebKit */ cursor: pointer !important; } /* gradient background color (match 'Compose mail' button? */ .D.E > .nH > .nH.Cq div[class^="VP5otc-"]+.J-M.AW > .SK.AX > .J-N:hover { background: orangered -moz-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; color: White !important; text-shadow: #000 0.1em 0.1em 0.2em !important; } /**/ /* ========================================================================= */ /* hide drop-marker */ .D.E /*.Pl*/.J-J5-Ji .J-Zh-I.J-Pm-I /*.AZ*/.J-J5-Ji { display: none !important; } /* select button */ .D.E /*.Pl*/.J-J5-Ji .J-Zh-I.J-Pm-I /* hide button part entirely */ { background: transparent !important; border-color: transparent !important; padding-left: 4px !important; margin-left: 2px !important; padding-right: 4px !important; margin-right: 10px !important; cursor: default !important; } /* checkbox: */ .D.E input.J-Pm-Jo[type="checkbox"] { vertical-align: -2px !important; cursor: pointer !important; outline: 4px outset silver/*gold/*#05f*/ !important; margin-right: -4px !important; /*19Sep2010: was '0'*/ -moz-outline-radius: 2px !important; /*19Sep2010: was '1px'*/ position: relative !important; /*upd*/ z-index: 5 !important; /*10;26Sep2010;Priority Inbox*/ } /*eod*/}
    This should work "as is" whether you're using Priority Inbox or not; change the colors as you like. Hopefully, the "new" Gmail will stabilize and standardize on one code structure for the button menus (yeah, "hope" springs eternal).
  • And, giving it a slightly different "look":
    image
  • Thanks a lot. It's working nicely. Any chance you can also update those additional options that were in the previous style? Not a big deal if you can't though. I expect google will break this style again but in the meantime thanks for restoring it.

    That gradient highlight is nice, even though it makes the browser laggier.
  • Hmmm, if that small amount of gradient noticeably slows your browser's response, then you probably need either a new computer or a new graphics card. ;) (I should know... I needed to upgrade about a year ago due to--among other things--gradients (though video processing was the biggest reason). Some flat colors should look just as good or better for whatever theme you're using.

    Yeah, I'll be taking a look at the other options--almost all of which have been broken fairly recently (and most of which I still use myself). Trying to keep up with Google and their "updates", though, is a bit of a trial (of patience); they do make it hard to "keep it simple" lately (unless by "simple" one means "just bag it"). Anyway, let me know if[/when] it stops working. I don't use all of my accounts as much as I used to, so it may break w/o my noticing it (since Google doesn't use the same code in all accounts at the same time).
  • edited April 2011
    It uses like half the cpu if I move my mouse back and forth across the links. Not that I would need to do that but I still notice it, is all. I just turned it off and use the flat colors.
  • To be honest, I'd expect to see a similar CPU spike when using flat colors--or even just borders.
  • edited April 2011
    zima said: Any chance you can also update those additional options
    Like these (were there some others you were specifically interested in?):
    /* Gmail: restore some of the older layout **/ @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("mail.google.com") /*s*/{ /* separate the Search Mail button from the input box (move it back to the right) */ [class^="GcwpPb"] .J-Zh-I-Js-Zq { /*-moz-border-radius: 3px !important; /* pre-Fx4: */ -moz-border-radius-bottomleft: 3px !important; -moz-border-radius-topleft: 3px !important; /*border-radius: 3px !important; /* WebKit/Fx4+: */ border-radius-bottomleft: 3px !important; border-radius-topleft: 3px !important; /*.*/ border-left-width: 1px !important; margin-left: 8px !important; padding-left: 8px !important; } /* make the Compose mail button look like a link again */ .nM .z0 .J-Zh-I { color: /*for Classic*/#000/*or Planets* /#C4DDE8/**/ !important; background: transparent !important; border-color: transparent !important; padding-left: 7px !important; font-weight: bold !important; font-size: 13px !important; cursor: pointer !important; } /*.*/ /* hide Mail/Contacts */ .Bu .CX { display: none !important; } /*.*/ /* If you collapse the Mail/Contacts/Tasks menu first, then you don't need the following in order to hide Tasks. You'll need it to hide the thin line below Tasks though. */ /* hide Tasks */ .Bu .T4 { display: none !important; } /*.*/ /* color buttons (all buttons, everywhere) [light blue by default] */ .J-Zh-I { background: -moz-linear-gradient(top, #e3e9ff, #bcf) !important; background: -webkit-gradient(linear, center top, center bottom, from(#e3e9ff), to(#bcf)) !important; color: black !important; cursor: pointer !important; } /*.*/ /*e*/}
    (I think the only thing not here is the option to color all of the buttons(?)... never mind--just added it.)

  • The code above didn't work until I removed

    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document domain("mail.google.com")
    /*s*/{


    then everything worked except for the Hide Mail, contacts, tasks. That's still there. But that's fine I don't care about that. None of these options are a big deal. Color buttons do look better though. But as long as I have the links that's fine. Thanks!
  • edited April 2011
    Sounds like you tried to merge them together into one style--which isn't a problem as long as you remove the "@-stuff" and keep your braces "balanced" (there's more than one way to "merge" styles). I'll be combining everything and posting the style soon, so you can take another look at it then if you like.

    About the Mail/Contacts/Tasks, not everyone's account [code] has a 'Bu' class as a parent for the 'CX' and 'T4' elements, so they had to use something like this:
    .nH > .nH > .CX.pp and .nH > .nH > .T4.pp
    Can't really say what'll work for you, but you can try those for starters now if you want.
  • OK, I've posted it here:
    http://userstyles.org/styles/35946/gmail-a-little-retrofit

    No style settings for now--have to edit the code to set colors for other than the [dark] Planets theme, but all of the aforementioned "features" are there.
  • Thanks for the new upload. Everything works great. Much appreciated! :)
  • edited April 2011
    I found a little bug. When you're viewing mail and you click on the Move To box the box is transparent and shifted to the left and doesn't go away after you click Move To again. I attached a screenshot.

    If I disable:

    /*[> links above message list <]*/
    .D.E:first-child .nH.Cq
    { position: relative !important;
    padding-bottom: 19px !important;

    it returns to the right spot but is still transparent and the links are gone. If I disable:

    .D.E:first-child div[class^="VP5otc-"]+.J-M.AW
    { position: absolute !important;
    /*add*/ z-index: 5 !important; /*26Sep2010;Priority Inbox*/

    it gets fixed but the links are still gone.
    848 x 469 - 35K
  • Yeah, if you disable positioning, things will be out of place (or gone). I can't duplicate your problem with 'Move to' ...I'll keep playing with it.
  • OK, I found an account which duplicates that problem... seems I dropped an essential element from the selector--there needs to be a '.nH.Cq' following the '.D.E' (used to be there--dropped it, I guess, because it worked fine without it [though apparently only in most of my accounts]). I'll play with it some more and update the style(s).
  • I've updated the styles - fixes the problem with that test account of mine. Do the update if you haven't already, and let me know if it works for you, too.
  • Ya that fixed it thanks. And thanks for the quick response.
  • Thanks for the quick bug find; just glad it's working properly for you.
Sign In or Register to comment.