Author: rgardler
Date: Tue Nov 15 17:42:13 2011
New Revision: 1202324
URL: http://svn.apache.org/viewvc?rev=1202324&view=rev
Log:
better default media handling for two column display
Modified:
incubator/wookie/trunk/widgets/templates/browse/style/media.css
incubator/wookie/trunk/widgets/templates/default.widget.properties
Modified: incubator/wookie/trunk/widgets/templates/browse/style/media.css
URL:
http://svn.apache.org/viewvc/incubator/wookie/trunk/widgets/templates/browse/style/media.css?rev=1202324&r1=1202323&r2=1202324&view=diff
==============================================================================
--- incubator/wookie/trunk/widgets/templates/browse/style/media.css (original)
+++ incubator/wookie/trunk/widgets/templates/browse/style/media.css Tue Nov 15
17:42:13 2011
@@ -14,26 +14,56 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
- @media ${widget.media.screen.wide} {
+
+ @media ${widget.media.screen.veryNarrow}, ${widget.media.screen.narrow} {
+ .content-secondary {
+ text-align: left;
+ margin-right: 1%;
+ padding-right: 1%;
+ }
+ .content-primary {
+ margin-right: 1%;
+ padding-right: 1%;
+ }
+ }
+
+ @media ${widget.media.screen.moderateWidth} {
.content-secondary {
text-align: left;
float: left;
- width: 35%;
+ width: 42%;
+ margin-right: 1%;
+ padding-right: 2%;
}
.content-primary {
width: 55%;
float: right;
- margin-right: 1%;
- padding-right: 1%;
}
+ }
+ @media ${widget.media.screen.wide} {
+ .content-secondary {
+ text-align: left;
+ float: left;
+ width: 32%;
+ margin-right: 1%;
+ padding-right: 2%;
+ }
+ .content-primary {
+ width: 65%;
+ float: right;
+ }
+ }
+
@media ${widget.media.screen.veryWide} {
.content-secondary {
- width: 24%;
+ text-align: left;
+ float: left;
+ width: 22%;
+ margin-right: 1%;
+ padding-right: 2%;
}
.content-primary {
- width: 66%;
- padding-right: 1%;
+ width: 75%;
}
}
-}
Modified: incubator/wookie/trunk/widgets/templates/default.widget.properties
URL:
http://svn.apache.org/viewvc/incubator/wookie/trunk/widgets/templates/default.widget.properties?rev=1202324&r1=1202323&r2=1202324&view=diff
==============================================================================
--- incubator/wookie/trunk/widgets/templates/default.widget.properties
(original)
+++ incubator/wookie/trunk/widgets/templates/default.widget.properties Tue Nov
15 17:42:13 2011
@@ -9,4 +9,4 @@ widget.media.screen.veryNarrow = only sc
widget.media.screen.narrow = only screen and (min-width : 321px) and
(max-width : 640px)
widget.media.screen.moderateWidth = only screen and (min-width : 641px) and
(max-width : 1024px)
widget.media.screen.wide = only screen and (min-width : 1025px) and (max-width
: 1800px)
-widget.media.screen.veryWide = only screen and (min-width : 1800px)
+widget.media.screen.veryWide = only screen and (min-width : 1801px)
