Bug 13604

Summary: CSS incorrectly formatted
Product: Koha Reporter: David Roberts <david.roberts>
Component: OPACAssignee: David Roberts <david.roberts>
Status: CLOSED INVALID QA Contact: Testopia <testopia>
Severity: enhancement    
Priority: P5 - low    
Version: 3.18   
Hardware: All   
OS: All   
GIT URL: Change sponsored?: ---
Patch complexity: --- Documentation contact:
Documentation submission: Text to go in the release notes:
Version(s) released in:
Circulation function:

Description David Roberts 2015-01-20 16:10:35 UTC
opac.css is no longer formatted correctly. All elements are running into each other, for example:

.shadowed{-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.2)}body{background-color:#eaeae6}html,body{height:100%}.no-js .dateformat{display:inline;white-space:nowrap}.no-js .modal-body{padding:0} (etc.)

This makes it impossible to read and to work with. It ought to be formatted as, for example:

.shadowed {
-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);
box-shadow:0 1px 1px 0 rgba(0,0,0,0.2)
}

body {
background-color:#eaeae6
}

(etc)
Comment 1 Owen Leonard 2015-01-20 16:55:04 UTC
The OPAC now uses a LESS file (opac.less) which compiles into minified CSS. opac.css should not be modified.

http://wiki.koha-community.org/wiki/Working_with_Bootstrap_OPAC_LESS_files