Upload app.py

app.py

@@ -1,12 +1,11 @@
 import streamlit as st
 
-# Compact custom CSS for mobile-friendly design and disabled slider styling
+# Custom CSS for a compact design, hiding slider indicators, and other styling.
 css = """
 <style>
     .criteria-name {
         font-size: 14px;
         font-weight: bold;
-        margin-bottom: 2px;
     }
     .criteria-description {
         font-size: 12px;
@@ -36,9 +35,11 @@ css = """
         background: #888 !important;
         border-color: #888 !important;
     }
-    /* Hide slider tick marks, tick bar, and thumb value */
+    /* Hide slider tick marks, tick bar, and the min/max texts */
     div[data-baseweb="slider"] .Tick,
     div[data-baseweb="slider"] .TickBar,
+    div[data-testid="stSliderTickBarMin"],
+    div[data-testid="stSliderTickBarMax"],
     div[data-testid="stSliderThumbValue"] {
         display: none !important;
     }
@@ -93,7 +94,7 @@ criteria = {
 }
 
 def calculate_score(ratings):
-    # Filter out None values (criteria marked as N/A)
+    # Filter out None values (criteria excluded via unchecked checkbox)
     valid = [r for r in ratings if r is not None]
     if not valid:
         return "Please rate at least one criterion."
@@ -110,20 +111,17 @@ ratings = []
 for group, subcriteria in criteria.items():
     st.markdown(f"<div class='category-header'>{group}</div>", unsafe_allow_html=True)
     for idx, crit in enumerate(subcriteria):
-        st.markdown(f"""
-        <div class='subcriteria'>
-            <div class='criteria-name'>{crit['name']}</div>
-            <div class='criteria-description'>{crit['description']}</div>
-        </div>
-        """, unsafe_allow_html=True)
-        # Use two columns with a much narrower column for the checkbox
-        cols = st.columns([3.8, 0.5])
-        na_key = f"na_{group}_{idx}"
-        slider_key = f"slider_{group}_{idx}"
-        na = cols[1].checkbox("N/A", key=na_key)
-        # Float slider from 1.0 to 7.0 with default value 4.0 and a step of 0.1
-        rating = cols[0].slider("", 1.0, 7.0, 4.0, step=0.01, key=slider_key, disabled=na)
-        ratings.append(None if na else rating)
+        # Create a container for each criterion
+        with st.container():
+            # Place the criterion name and a checkbox in one row.
+            header_cols = st.columns([4, 0.5])
+            header_cols[0].markdown(f"<span class='criteria-name'>{crit['name']}</span>", unsafe_allow_html=True)
+            include = header_cols[1].checkbox("", value=True, key=f"include_{group}_{idx}")
+            st.markdown(f"<div class='criteria-description'>{crit['description']}</div>", unsafe_allow_html=True)
+            # Display a float slider (with no min/max indicators)
+            rating = st.slider("", 1.0, 7.0, 4.0, step=0.1, key=f"slider_{group}_{idx}", disabled=(not include))
+            # If the criterion is unchecked, do not consider its rating
+            ratings.append(None if not include else rating)
 
 if st.button("Calculate Score"):
     result = calculate_score(ratings)