Remove unused classes and styling

OneGov · Jan 13, 2025 · ac872b6 · ac872b6
1 parent fecd1b6
commit ac872b6
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 118 deletions.
diff --git a/src/onegov/feriennet/forms/volunteer.py b/src/onegov/feriennet/forms/volunteer.py
@@ -9,6 +9,8 @@
 
 class VolunteerForm(Form):
 
+    css_class = 'two-columns'
+
     first_name = StringField(
         label=_('First Name'),
         validators=[InputRequired()])

diff --git a/src/onegov/feriennet/templates/occasion_attendees.pt b/src/onegov/feriennet/templates/occasion_attendees.pt
@@ -29,14 +29,14 @@
 
                             <div class="occasion-dates">
                                 <ul>
-                                    <li tal:repeat="date occasion.dates" class="calendar-icon before fixed-width"
+                                    <li tal:repeat="date occasion.dates" class="calendar-icon before"
                                         tal:content="layout.format_datetime_range(date.localized_start, date.localized_end)" />
                                 </ul>
                             </div>
 
-                            <div tal:condition="occasion.meeting_point" class="location-icon before fixed-width" i18n:translate>${occasion.meeting_point}</div>
+                            <div tal:condition="occasion.meeting_point" class="location-icon before" i18n:translate>${occasion.meeting_point}</div>
 
-                            <div class="child-icon before fixed-width" i18n:translate><tal:b i18n:name="count" replace="occasion.attendee_count" /> attendees</div>
+                            <div class="child-icon before" i18n:translate><tal:b i18n:name="count" replace="occasion.attendee_count" /> attendees</div>
                         </div>
                     </div>
 

diff --git a/src/onegov/feriennet/theme/styles/feriennet.scss b/src/onegov/feriennet/theme/styles/feriennet.scss
@@ -131,16 +131,24 @@ svg {
 /*
     Forms
 */
+@media #{$medium-up} {
+    .two-columns {
+        column-count: 2;
+        column-gap: 4rem;
+
+        form .formfields,
+        form fieldset {
+            break-inside: avoid;
+        }
+    }
+}
 
 form small {
     color: $aluminum;
     display: block;
     font-size: .8rem;
 }
 
-.field-ticket_statistics {
-    margin-bottom: 1rem !important;
-}
 
 /*
     Strikethrough text
@@ -164,33 +172,6 @@ p.tight {
     margin-bottom: .75rem;
 }
 
-/*
-    List items rendred on a single line
-*/
-ul.single-line {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-
-    li {
-        display: inline;
-    }
-
-    &.pipe-separated li + li::before {
-        content: ' | ';
-    }
-}
-
-/*
-    Improve the look of the custom homepage settings
-*/
-
-.field-show_related_contacts,
-.field-show_political_municipality,
-.field-public_organiser_data {
-    padding-bottom: 1rem;
-}
-
 /*
     Generic icons (experimental, might replace other approaches in the future)
 */
@@ -226,13 +207,6 @@ ul.single-line {
     font-size: .8rem;
 }
 
-.fixed-width::before,
-.fixed-width::after {
-    display: inline-block;
-    text-align: center;
-    width: 1.5ex;
-}
-
 .before::before {
     margin-right: 1ex;
 }
@@ -402,7 +376,6 @@ footer {
     activities list
 */
 .activity-list-item {
-    margin-bottom: 1.5rem;
 
     .page-lead {
         font-size: 1rem;
@@ -424,81 +397,12 @@ footer {
             white-space: nowrap;
         }
 
-        &::before {
-            display: inline-block;
-            position: relative;
-        }
-
-        &.age::before {
-            top: -1px;
-        }
-
-        &.available-spots,
-        &.full {
-            font-weight: normal;
-        }
-
-        &.cost::before {
-            margin-right: 6px;
-        }
-
-        &.full::before {
-            margin-right: 1px;
-        }
-
-        &.available-spots::before {
-            margin-right: 3px;
-        }
-    }
-}
-
-.filter-ages ul {
-    display: flex;
-    flex-wrap: wrap;
-
-    li {
-        margin-right: .5ex;
-
-        span {
-            min-width: 45px;
-            text-align: center !important;
-        }
-    }
-}
-
-/*
-    Activity thumbnails
-*/
-.thumbnail-column {
-    padding: .5rem 1rem 0 .25rem !important;
-}
-
-.thumbnail {
-    display: block;
-    padding-bottom: 90%;
-    position: relative;
-    width: 100%;
-
-    > div {
-        background-position: center top;
-        background-size: cover;
-        border-radius: 4px;
-        bottom: 0;
-        height: 100%;
-        left: 0;
-        position: absolute;
-        right: 0;
-        top: 0;
-        width: 100%;
     }
 }
 
 /*
     Activity view
 */
-.page-content-main .tags {
-    margin-bottom: 1rem;
-}
 
 .vacation-activity-layout {
     .hint-prebooking,
@@ -513,10 +417,8 @@ footer {
 
     @mixin arrow-hint {
         @include icon-bold('\f061');
-
     }
 
-
     .hint {
         font-size: inherit;
 
@@ -697,12 +599,6 @@ ul.tags {
         margin-top: .5rem;
     }
 
-    .available-spots,
-    .full {
-        font-weight: bold;
-        margin-bottom: .4rem;
-    }
-
     .dates::before {
         @include icon('\f133');
     }