Support Forums

Got a question? Post it here. We'd love to help.

Knowledge Base:

Welcome Guest!
Want to take part in these discussions? If you have an account, sign in now.
If you don't have an account, apply for one now.

Troubleshooting: envy - the look of the admin block

Bottom of Page

1 to 6 of 6

  1.  
    • CommentAuthorstencel
    • CommentTimeSep 26th 2008 edited
     

    Hi again,

    Another envy question :-)

    The formatting of the administration block in envy seems somehow different from the other blocks. I have attached a screenshot with a part of the "Activities" block and the whole of the "Administration" block so that you could see the difference. The space between the links in the administration block is wider than the space between the links in the activities block. It's not only an aesthetics issue - because of this the block is so long that it won't even fit in one screen-height. How can I make those spaces the same for both blocks (and preferably even a little smaller than in the activities block)?

    And a second issue, also about the administration block - I suppose the icons were removed intentionally, right? However, there is one icon which does show - the "profile" icon. And it shows a little above the link, rather than to the left of it. I know you removed the icons intentionally, but I'd rather have them back, if you don't mind :-) What should I hack in the theme to have them show? And what should I do to have them show correctly (that is, to the left of the links, rather than to the top-left of them)?

    Well, ok, that was two envy questions, not one ;-)

    Cheers,
    Przemek

    •  
      CommentAuthorptrkmkl
    • CommentTimeOct 5th 2008
     

    Second issue first:

    Yes. I purposely removed the icons to allow for the 100% width sideblock links. For some reason the newly added "Profile" link does not follow the same code as the other links, which is a Moodle bug. Nevertheless, there is a possible code change that will fix this.

    1.) Locate the following in styles_default.css:

    .sideblock .content ul li img.icon { display:none; }

    2.) Move ".icon" as such:

    .sideblock .content ul li .icon img { display:none; }

    To add the icons back means getting rid of the 100% width hover effect on the sideblock links. Shall I proceed with instructions?

    •  
      CommentAuthorptrkmkl
    • CommentTimeOct 5th 2008
     

    First issue:

    I can only help you reduce the height to match that of the "Activities" block.

    1.) Open styles_default.css and search for the following:

    .block_site_main_menu ul li, .block_participants ul li, .block_course_list ul li, .block_activity_modules ul li, .block_blog_menu ul li{ line-height:0; }

    2.) Add to that list:

    .block_admin ul li,

    so that what you have is:

    .block_admin ul li, .block_site_main_menu ul li, .block_participants ul li, .block_course_list ul li, .block_activity_modules ul li, .block_blog_menu ul li{ line-height:0; }
    • CommentAuthorstencel
    • CommentTimeOct 7th 2008
     

    Thank you :-)

    > To add the icons back means getting rid of the 100% width hover effect
    > on the sideblock links. Shall I proceed with instructions?

    Yes, please.

    •  
      CommentAuthorptrkmkl
    • CommentTimeNov 9th 2008 edited
     

    Sorry for keeping you waiting so long, Przemek. Here is your solution. Let me know if anything needs to be tweaked for aesthetics.

    1.) Search styles_default.css for the following section of code:

    /****************** * Sideblocks * ******************/ .sideblock { font-family:Tahoma, sans-serif; margin:0; padding-bottom:5px; } .sideblock ul, .sideblock ul li { margin:0; padding:0; } .block_admin ul li, .block_site_main_menu ul li, .block_participants ul li, .block_course_list ul li, .block_activity_modules ul li, .block_blog_menu ul li{ line-height:0; } .sideblock .content { background:none; border:none; padding:7px; } .block_site_main_menu .content, .block_participants .content, .block_activity_modules .content, .block_blog_menu .content, .block_search .content, .block_admin .content, .block_course_list .content { padding:0; } .block_search .content { padding-top:10px; } .sideblock .header, .sideblock h2 { font-size:1em; } .sideblock .title { padding-top:5px; } .sideblock .header { padding:5px 6px 6px 10px; border:none; } .sideblock .content ul li .icon img { display:none; } .sideblock .content ul li a { display: block; padding:6px 0 6px 10px; text-decoration:none; } .block_recent_activity ul { line-height: 1.3em; } .block_recent_activity .content ul li a { display: inline !important; background: none; padding:none; } .block_tags .content ul li a, .block_blog_tags .content ul li a { display:inline; border:none !important; padding:0; color:#55555a; } .editing .sideblock .content ul li a { border:none; padding-bottom:1px; } .sideblock .content ul li .buttons .commands a, .block_news_items .content ul li a, .block_rss_client .content ul li a, .block_online_users .content ul li a { display:inline; border:none !important; padding:0; } .block_rss_client .content ul li .link { padding:7px 0 2px 0; } .sideblock .content ul li .buttons { padding:0 0 5px 10px; border-bottom:1px solid #eaeada; } .block_online_users .info { font-size:0.8em; margin-bottom:7px; } .block_login .loginform .c1 input { width:75px; font-size:0.8em; } .block_login .footer { font-size:0.8em; }

    2.) Replace this with the following:

    /****************** * Sideblocks * ******************/ .sideblock { font-family:Tahoma, sans-serif; margin:0; padding-bottom:5px; } .sideblock ul, .sideblock ul li { margin:0; padding:0; } /* .block_admin ul li, .block_site_main_menu ul li, .block_participants ul li, .block_course_list ul li, .block_activity_modules ul li, .block_blog_menu ul li{ line-height:0; } */ .sideblock .content { background:none; border:none; padding:7px; } .block_site_main_menu .content, .block_participants .content, .block_activity_modules .content, .block_blog_menu .content, .block_search .content, .block_admin .content, .block_course_list .content { padding:0; } .block_search .content { padding-top:10px; } .sideblock .header, .sideblock h2 { font-size:1em; } .sideblock .title { padding-top:5px; } .sideblock .header { padding:5px 6px 6px 10px; border:none; } /* .sideblock .content ul li .icon img { display:none; } .sideblock .content ul li a { display: block; padding:6px 0 6px 10px; text-decoration:none; } */ .sideblock .content ul li a { border: none !important; line-height: 1.5; } .block_recent_activity ul { line-height: 1.3em; } .block_recent_activity .content ul li a { display: inline !important; background: none; padding:none; } .block_tags .content ul li a, .block_blog_tags .content ul li a { display:inline; border:none !important; padding:0; color:#55555a; } .editing .sideblock .content ul li a { border:none; padding-bottom:1px; } .sideblock .content ul li .buttons .commands a, .block_news_items .content ul li a, .block_rss_client .content ul li a, .block_online_users .content ul li a { display:inline; border:none !important; padding:0; } .block_rss_client .content ul li .link { padding:7px 0 2px 0; } .sideblock .content ul li .buttons { padding:0 0 5px 10px; border-bottom:1px solid #eaeada; } .block_online_users .info { font-size:0.8em; margin-bottom:7px; } .block_login .loginform .c1 input { width:75px; font-size:0.8em; } .block_login .footer { font-size:0.8em; }

    3.) Save.

    • CommentAuthorstencel
    • CommentTime3 days ago
     

    Thank you :-)

    I'll try it out and get back to you if any issues come up.

    Przemek

1 to 6 of 6

  1.