TweetDeck - Adjust Column's Width w/ MediaQueries

Added by Long Lazuli@userstyles, Created: Jan 08, 2015, Updated: Jan 08, 2015
No screenshot


I prefer to see whole columns.
So I make them percentage of the parents block.
It fits well, now !
It use media Queries, and works with the 3 sizes of columns in the settings.

More info
I replaced the margin-right: 6px which is originally on each columns by a transparent border. So that I can effectively define the size of the columns without calculating the width minus the margin...

Here an explanation of this tricks :

.column {
/* Remove the margin. */
margin-right: 0!important;

/* Put a transparent instead. */
border-right: 6px solid transparent;

/* Constraint the background stricly inside the borders. */
background-clip: padding-box;

/* When specify width, specify the width with the borders. */
box-sizing: border-box;

Applies to:

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.