Update CSS [#1908552]

The use of content-box in your CSS is causing design breaks. This switches all content-box box-sizing to border-box, which solves the issue.

Comment	File	Size	Author
#2	update-css-1908552-3.patch	5.25 KB	Snugug
#2
#1	content-box-to-border-box-1908552-2.patch	821 bytes	Snugug
#1

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

File	Size
content-box-to-border-box-1908552-2.patch	821 bytes

Comment #2

Snugug CreditAttribution: Snugug commented 5 February 2013 at 15:42

Title:

Change from Content Box to Border Box

» Update CSS

File	Size
update-css-1908552-3.patch	5.25 KB

Scratch that last patch, it's actually a slightly different issue. If you're on a frontend that has *{box-sizing: border-box;}, the content-box in #coffee-q is breaking the design. This patch does the following:

Applies border-box to all coffee related elements making it work across all themes, overall box sizing notwithstanding
Adds a slight opacity transition to the showing of Coffee, more closely mimicking Alfred
Adds Compass powered Sass file (sass/coffee.scss and config.rb) to assist in cross-browser compatibility with CSS (previously just had -moz and -webkit, missing -o and -ms)

Comment #3

heylookalive CreditAttribution: heylookalive commented 6 February 2013 at 11:11

Status:

Active

» Closed (fixed)

Thanks for your efforts! :) I've committed the CSS changes but have chosen not to bring in SASS (I recently removed LESS) as I don't feel it's necessary considering the size of the CSS file for the module.

http://drupalcode.org/project/coffee.git/commit/098b360
Thanks!