Smalltalk | NAMLalpha | view_gallery › view_gallery_page › gallery_table_stylesheet

gallery_table_stylesheet

NAML documentation   Watch a video
   Usages of this macro
... in responsive.naml
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<override_macro name="gallery_table_stylesheet">
    <n.overridden/>
    <style type="text/css">
        table.gallery {clear:both}
        @media (max-width: 780px) {
            table.gallery td {
                float:left;
                width:45%!important;
                text-align:center;
                word-break:break-all;
            }
        }
        @media (max-width: 600px) {
            #columns div.column{width:100%!important}
            table.gallery td {
                float:none;
                display:block;
                width: 100%!important;
            }
        }
    </style>
</override_macro>
↓ Overrides default macro
... in view_gallery.naml
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<macro name="gallery_table_stylesheet">
    <style type="text/css">
        table.gallery {
            margin-top:1em;
            width:100%;
        }
        table.gallery tr {
            vertical-align:top;
        }
        table.gallery td {
            padding: .5em;
            text-align:center;
        }
    </style>
</macro>
Free forum by Nabble Edit this page