How can I change the width of the left part ?

About: Google Reader — Mac OS Lion UI OK rating
fncfnc
edited June 2012 in Style Reviews
How can I change the width of the left part ?
When I am using my notebook and view google reader with this style,
I found the if the left part can be narrower, it will be better.

I also hope the developer can support this script http://userscripts.org/scripts/show/67840
it will add a button on the top of the item list of google reader.
I hope the style of this button can be as same as this style. But I don't know how to make it.
Can you help me ?

I have to say this style is the best google reader mac style now.

Comments

  • There's no point in making the sidebar resizable or narrower. The solution is to press "u" and hide the sidebar to get some real state on the screen. The sidebar will still be accessible from the a dropdown menu on the toolbar.
  • edited June 2012
    How can I change the width of the left part ?
    Replace the number in line #125 and #126
    #nav,#logo-container,#lhn-add-subscription-section,#scrollable-sections-top-shadow,#scrollable-sections-bottom-shadow{width:264px !important;}
    #chrome{margin-left:264px !important;}
  • fncfnc
    edited June 2012
    There's no point in making the sidebar resizable or narrower. The solution is to press "u" and hide the sidebar to get some real state on the screen. The sidebar will still be accessible from the a dropdown menu on the toolbar.
    I still need the sidebar when I am using google reader, so that's not a good solution for me.
    BTW, Could you help me to change the style of a button added by script http://userscripts.org/scripts/show/67840.
    It 's a google reader filter and it will add a button on the top of the item list when you enter a feed.
    This script is really important to me. I hope its style can suit to the mac osx ui.
    Can you tell me how to do that ?
    Thanks

    How can I change the width of the left part ?

    Replace the number in line #125 and #126

    #nav,#logo-container,#lhn-add-subscription-section,#scrollable-sections-top-shadow,#scrollable-sections-bottom-shadow{width:264px !important;}
    #chrome{margin-left:264px !important;}
    Thank you! I 'll try it now.

    And could you please help me to change the style of a button added by this script http://userscripts.org/scripts/show/67840.
    It 's a google reader filter and it's really important to me.
    But it seems that the that button can't suit to the mac osx ui style.
    So is it possible to convert this button into the mac osx ui style?
    Can you tell me how to do that?
  • edited June 2012
    And could you please help me to change the style of a button added by this script http://userscripts.org/scripts/show/67840.
    It 's a google reader filter and it's really important to me.
    But it seems that the that button can't suit to the mac osx ui style.
    So is it possible to convert this button into the mac osx ui style?
    Can you tell me how to do that?
    Edit the style (not the GM script) and add #grng-open-panel at the start of line #154
    #grng-open-panel,#chrome-lhn-menu,#viewer-refresh,#stream-prefs-menu,#viewer-view-options,.jfk-button-narrow,
  • And could you please help me to change the style of a button added by this script http://userscripts.org/scripts/show/67840.
    It 's a google reader filter and it's really important to me.
    But it seems that the that button can't suit to the mac osx ui style.
    So is it possible to convert this button into the mac osx ui style?
    Can you tell me how to do that?

    Edit the style (not the GM script) and dd
    #grng-open-panel at the start of line #154
    #grng-open-panel,#chrome-lhn-menu,#viewer-refresh,#stream-prefs-menu,#viewer-view-options,.jfk-button-narrow,

    It works ! Thanks a lot
  • edited June 2012
    The problem is, if the style is updated (like today), the NG Settings button style is
    reverted to default and you have to re-edit the style. Create a new style to avoid it.
    /* NG Filter Style for Mac OS Lion UI Style */
    @namespace url("http://www.w3.org/1999/xhtml");
    @-moz-document regexp("https?://www.google.*/reader/.*"),
    regexp("https?://plus.google.com/u/0/_/notifications/frame.*") {
    #grng-open-panel {
    color: #3f3f3f !important;
    background-color: #dedede !important;
    background-image: -moz-linear-gradient(top, #f2f2f2, #d0d0d0) !important;
    background-image: linear-gradient(top, #f2f2f2, #d0d0d0) !important;
    border-top: 1px solid #7f7f7f !important;
    border-bottom: 1px solid #7b7b7b !important;
    border-left: 1px solid #7d7d7d !important;
    border-right: 1px solid #7d7d7d !important;
    -moz-box-shadow: inset 0 1px 0 #f6f6f6, 0 1px 0 #dcdcdc !important;
    box-shadow: inset 0 1px 0 #f6f6f6, 0 1px 0 #dcdcdc !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    -moz-background-clip: padding !important;
    background-clip: padding-box !important;
    height: 20px !important;
    padding: 0 6px !important;
    line-height: 20px !important;
    min-width: 20px !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 0px rgba(255, 255, 255, .75) !important;
    }
    }
Sign In or Register to comment.