[Bug 9558] New: Customize CSS for mobile
http://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=9558 Bug ID: 9558 Summary: Customize CSS for mobile Classification: Unclassified Change sponsored?: --- Product: Koha Version: 3.10 Hardware: All OS: All Status: NEW Severity: enhancement Priority: P5 - low Component: OPAC Assignee: oleonard@myacpl.org Reporter: spalding@senylrc.org Would like to have the ability to override the mobile.css like we can with opac.css. Mabye something like SetEnv OPAC_CSS_OVERRIDE_MOBILE <CSS file> -- You are receiving this mail because: You are watching all bug changes.
http://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=9558 Nicole C. Engard <nengard@gmail.com> changed: What |Removed |Added ---------------------------------------------------------------------------- CC| |nengard@gmail.com -- You are receiving this mail because: You are watching all bug changes.
http://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=9558 Owen Leonard <oleonard@myacpl.org> changed: What |Removed |Added ---------------------------------------------------------------------------- Version|3.10 |master -- You are receiving this mail because: You are watching all bug changes.
http://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=9558 --- Comment #1 from Owen Leonard <oleonard@myacpl.org> --- Isn't this what the OPACMobileUserCSS system preference is for? -- You are receiving this mail because: You are watching all bug changes.
http://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=9558 --- Comment #2 from Zachary Spalding <spalding@senylrc.org> --- The problem with OPACMobileUserCSS from my understanding is a global change. In my case I have 15 organizations that are sharing one Koha instance but each want there own look. We the opac.css override I am able to do that for the average computer use and but now need a way to do this for mobile as well. I did come up with my own modifications to solve this problem but do not know enough on how to submit it for inclusion into the Koha code. Changed Auth.pm Around line 412 to add support for multiple css for mobile devices opac_css_override_mobile => $ENV{'OPAC_CSS_OVERRIDE_MOBILE'}, Changed doc-head-close.inc Around line28 [% IF ( opac_css_override_mobile ) %] <link rel="stylesheet" type="text/css" media="screen and (max-width:700px)" href="[% themelang %]/css/[% opac_css_override_mobile %]" /> [% END %] These are my productions examples http://vassar.koha.senylrc.org http://hhs.koha.senylrc.org http://nki.koha.senylrc.org/ -- You are receiving this mail because: You are watching all bug changes.
http://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=9558 Owen Leonard <oleonard@myacpl.org> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|NEW |Needs Signoff -- You are receiving this mail because: You are watching all bug changes.
http://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=9558 --- Comment #3 from Owen Leonard <oleonard@myacpl.org> --- Created attachment 18218 --> http://bugs.koha-community.org/bugzilla3/attachment.cgi?id=18218&action=edit Bug 9558 - Customize CSS for mobile It is possible to use an environment variable to specify a custom stylesheet for different libraries in a multi-library system: $ENV{'OPAC_CSS_OVERRIDE'}. This patch adds an additional option to override the CCSR theme's mobile stylesheet. To test: - Create a custom stylesheet and add it alongside CCSR's other CSS files. - Add a simple CSS rule which will be obvious in testing. For example: form#searchform { background-color: red; } - Modify the configuration file for your OPAC to add a line specifying a new custom stylesheet: SetEnv OPAC_CSS_OVERRIDE_MOBILE <name of CSS file> - Restart Apache. - Switch the OPAC theme to 'CCSR' - Clear your browser cache - View any page in the OPAC. If you browser is wider than 700 pixels the OPAC should appear normal. Below 700 pixels wide you should see your custom CSS applied (a red background on the search bar if you used the above example. The changes in this patch are courtesy Zachary Spalding as described in Bug 9558. Patch and test plan created by Owen Leonard. -- You are receiving this mail because: You are watching all bug changes.
http://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=9558 Srdjan Jankovic <srdjan@catalyst.net.nz> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #18218|0 |1 is obsolete| | --- Comment #4 from Srdjan Jankovic <srdjan@catalyst.net.nz> --- Created attachment 18637 --> http://bugs.koha-community.org/bugzilla3/attachment.cgi?id=18637&action=edit [SIGNED-OFF] Bug 9558 - Customize CSS for mobile It is possible to use an environment variable to specify a custom stylesheet for different libraries in a multi-library system: $ENV{'OPAC_CSS_OVERRIDE'}. This patch adds an additional option to override the CCSR theme's mobile stylesheet. The changes in this patch are courtesy Zachary Spalding as described in Bug 9558. Patch and test plan created by Owen Leonard. Signed-off-by: Srdjan <srdjan@catalyst.net.nz> -- You are receiving this mail because: You are watching all bug changes.
http://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=9558 Srdjan Jankovic <srdjan@catalyst.net.nz> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Needs Signoff |Signed Off CC| |srdjan@catalyst.net.nz -- You are receiving this mail because: You are watching all bug changes.
http://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=9558 Kyle M Hall <kyle@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Signed Off |Failed QA CC| |kyle@bywatersolutions.com --- Comment #5 from Kyle M Hall <kyle@bywatersolutions.com> --- I really like this, but I think there is a small issue. It seems to me that the opac_css_override_mobile link should be after the opac_css_override link so it has precedence. The other alternative would be to have opac_css_override only be triggered for screen width of greater than 700px, such that the two are mutually exclusive. If my concerns are invalid please reset the status to "Signed Off" -- You are receiving this mail because: You are watching all bug changes.
http://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=9558 Owen Leonard <oleonard@myacpl.org> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Failed QA |RESOLVED Resolution|--- |WONTFIX --- Comment #6 from Owen Leonard <oleonard@myacpl.org> --- CCSR is now deprecated. -- You are receiving this mail because: You are watching all bug changes.
participants (1)
-
bugzilla-daemon@bugs.koha-community.org