Italian Potato Salad with Green Beans

the potato salad on a gray board with a linen towel and large serving spoon

You’ll be the hero of the potluck when you arrive with this green bean potato salad! Not only is it simple to prepare (ready in 35 minutes) but it is unique, healthy and so flavorful! It is bursting with crowd-pleasing Italian-inspired flavors, vegan-friendly and packed with loads of nutritious veggies including cherry tomatoes, arugula and crisp-tender green beans.

the potato salad on a gray board with a linen towel and large serving spoon

When you need a wow-moment on the picnic table but you don’t have a ton of time, turn to this 35 minute recipe for Italian Green Bean Potato Salad! It is equal parts veggie side dish (more than half of it is veggies) and starchy potato salad- so it’s like two cookout summer salads in one!

Do you love this Italian Potato Salad with Green Beans? Try our Favorite Green Beans Recipe, Italian Pasta Salad and Oil and Vinegar Potato Salad next!

Table of contents

  • Ingredients
  • How To Make Green Bean Potato Salad
  • Serving Suggestions For Potato Salad with Green Beans
  • Make Ahead Notes

Ingredients

the potato salad with text overlay
  • Red Potatoes: Scrub the potatoes and cut them into halves or quarters, about 1-inch chunks.
  • Green Beans: These will need to be trimmed and cut into 1 or 2 inch lengths, to make them easier to stir into the potatoes.
  • Arugula: Fresh arugula greens adds spicy peppery flavor and fresh greenery to the salad.
  • Cherry Tomatoes: For color, sweetness and added veggie servings.
  • Olives: If you can find Italian olives, they’re my preference in Italian potato salad, but lately I have only been able to find Greek olives (like kalamata or calamata) where I’ve been shopping. Either work, but if given the choice we suggest Italian. Remove the pits and chop or slice.
  • Red Onion: Minced
  • Basil and Parsley: To season. You can also use fresh or dried oregano.
  • For The Dressing: The dressing is a simple olive oil and vinegar dressing. I use red wine vinegar for the bright acidity. It’s seasoned with garlic, kosher salt and freshly ground black pepper.

How To Make Green Bean Potato Salad

the potatoes steaming in the pot with the lid on
Step 1. Steam the potatoes, covered, for 10 minutes.

Step 1: Steam Potatoes

First set up the pot with the steamer basket and an inch or so of water. Bring it to a boil over high heat. When it boils, add in your potatoes, cover with the lid and let the potatoes steam for 10 minutes.

add the green beans on top and then place the lid back on to let them steam together for another 3 or 4 minutes
Step 2. Add the green beans on top and then place the lid back on to let them steam together for another 3 or 4 minutes

Step 2: Add the Green Beans To The Pot

Next the green beans can be layered right on top of the potatoes. Cover and let them steam together for 3 to 4 minutes, or until the green beans are crisp tender and the potatoes are fork tender.

stirring the potatoes and green beans into the dressing
Step 4. Add the hot steamed green beans and potatoes, toss well and let them cool in the dressing.

Step 4: Stir the Potatoes and Green Beans with Dressing

Toss the hot potatoes and beans with the dressing and let them cool for about 10 minutes. This can be done up to 12 hours ahead if kept refrigerated.

adding in the rest of the salad ingredients

Step 5: Add Remaining Ingredients

Once the potatoes and green beans have cooled a little and absorbed the dressing, you can add in the remaining ingredients. Add in the arugula, cherry tomatoes, onions, olives, parsley and basil. Toss everything well and serve immediately.

a close up of the potato salad with green beans in a white bowl from overhead

Serving Suggestions For Potato Salad with Green Beans

Pair it with Grilled Lamb Burgers, grilled boneless chicken thighs or another protein of your choice with our garlic marinade. Finish off the meal with Watermelon Sorbet or Flag Cake with Berries for Memorial Day or the Fourth of July. If it isn’t warm out, it also goes great with comfort foods like Italian Meatloaf or Slow Roasted Pork Shoulder.

Make Ahead Notes

Food Scinece Note: While leftovers of this salad are totally delicious, the vinegar in the dressing will make your green beans go a bit dull. I’ve come up with a simple hack to keep the green beans looking beautiful, even if you want to prep this ahead!

  1. If you are planning to make this in advance, omit the red wine vinegar and the arugula. Follow the rest of the instructions for the recipe.
  2. Store the potato green bean salad in the bowl with plastic wrap over it in the fridge up to 24 hours in advance.
  3. Before serving, let it come to room temp for about 20 minutes, tossing to coat (this will help the olive oil come back to temp.) Then drizzle on the vinegar and toss well. Then add in the arugula and toss again before serving.

Leftovers: Keep leftovers in an airtight container in the fridge up to three days. Bring to room temp for 20 to 40 minutes before serving, and toss well to moisten the potatoes and green beans before serving.

At Healthy Seasonal Recipes, we specialize in cooking with fresh veggies and creating weeknight meals. Sign up HERE to get more produce-forward dinner ideas for FREE! If you make this recipe, please come back and leave a star rating and review. I would love to hear what you thought! Happy Cooking! ~Katie

Print
.tasty-recipes-print-button{background-color:#667;border:none;display:inline-block;padding:.5em 1em;text-decoration:none}body:not(.tasty-recipes-print-view) .tasty-recipes-print-button.tasty-recipes-print-above-card{color:#fff;display:none}body:not(.tasty-recipes-print-view) .tasty-recipes-print-button.tasty-recipes-print-above-card:hover{background-color:#b2b2bb;color:#fff;display:inline-block;padding:.5em 1em;text-decoration:none}.tasty-recipes-image-button-container{display:flex;flex-direction:column;flex-wrap:wrap;float:right;margin-left:10px}body.tasty-recipes-print-view .tasty-recipes-buttons,body.tasty-recipes-print-view .tasty-recipes-cook-mode{display:none}.tasty-recipes-image-button-container .tasty-recipes-buttons{margin-bottom:10px;margin-top:10px}.tasty-recipes-image-button-container .tasty-recipes-button-wrap{box-sizing:border-box;margin-bottom:10px}.tasty-recipes-image-button-container .tasty-recipes-buttons a,.tasty-recipes-quick-links a.button{background-color:#f9f9f9;background-color:var(–tr-button-color,#f9f9f9);border:1px solid #aaa;border-color:var(–tr-button-color,#aaa);border-radius:0;color:#aaa;color:var(–tr-button-text-color,#aaa);cursor:pointer;display:block;font-size:16px;font-weight:700;line-height:16px;margin-top:0;padding:8px;text-align:center;text-decoration:none;text-transform:uppercase}.tasty-recipes-quick-links{align-items:center;display:flex;gap:.625em;justify-content:center;margin-bottom:1em}.tasty-recipes-quick-links a.button{display:inline-block;margin:0}.tasty-recipes-quick-links a.button+span{display:none}.tasty-recipes-entry-content .tasty-recipes-buttons a:hover,.tasty-recipes-image-button-container .tasty-recipes-buttons .button:hover,.tasty-recipes-quick-links a.button:hover{background-color:var(–tr-button-text-color,#aaa);color:var(–tr-button-color,#f9f9f9);text-decoration:none}.tasty-recipes-image-button-container .tasty-recipes-buttons .button:hover{opacity:1}.tasty-recipes-image-button-container .tasty-recipes-buttons a:hover{background-color:#979599;text-decoration:none}.tasty-recipes-image-button-container .tasty-recipes-buttons svg{display:none}.tasty-recipes-yield-scale{border:1px solid #979599;border-radius:2px;color:#979599;font-size:.7rem;margin-left:3px;padding:0 4px}.tasty-recipes-units-scale-container{display:flex;flex-wrap:wrap}.tasty-recipes-convert-container{padding:0 1em 1em 0}.tasty-recipes-convert-container .tasty-recipes-convert-label{align-self:center;color:#979599;font-size:.6rem;text-transform:uppercase}.tasty-recipes-convert-container button{background:transparent;border:1px solid #353547;border-radius:2px;color:#353547;letter-spacing:0;margin-left:5px;min-width:34px;padding:2px 4px;text-align:center}.tasty-recipes-convert-container button.tasty-recipes-convert-button-active{background-color:#000;border-color:#000;color:#fff}.tasty-recipes-convert-container button:focus{outline:none}.tasty-recipes-scale-container{display:flex;padding:0 0 1em}.tasty-recipes-scale-container .tasty-recipes-scale-label{align-self:center;color:#979599;font-size:.6rem;text-transform:uppercase}.tasty-recipes-scale-container button{background:transparent;border:1px solid #353547;border-radius:2px;color:#353547;cursor:pointer;letter-spacing:0;margin-left:5px;min-width:34px;padding:2px 4px}.tasty-recipes-scale-container button.tasty-recipes-scale-button-active{background-color:#000;border-color:#000;color:#fff}.tasty-recipes-scale-container button:focus{outline:none}.tasty-recipes-ingredients-header{margin:1em 0}@media only screen and (min-width:520px){.tasty-recipes-ingredients-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}}.tasty-recipes-ingredients-header .tasty-recipes-ingredients-clipboard-container{align-items:baseline;display:inline-flex}.tasty-recipes-ingredients-header h3{margin:0 10px 10px 0}.tasty-recipes-ingredients-clipboard-container .tasty-recipes-copy-button{background:transparent;border:none;color:#353547;height:24px;padding:0;position:relative;width:24px}.tasty-recipes-ingredients-clipboard-container .tasty-recipes-copy-button:hover{opacity:.5}.tasty-recipes-instructions-header{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:space-between;margin:1em 0}.tasty-recipes-entry-content .tasty-recipes-instructions h3{margin:0 0 1rem}@media only screen and (min-width:520px){.tasty-recipes-entry-content .tasty-recipes-instructions h3{margin:0}}button[name=tasty-recipes-video-toggle]{background:#979599;border:#979599;border-radius:2px;display:inline-block;font-size:14px;height:30px;line-height:20px;margin:0;padding:0;text-align:center;vertical-align:middle;width:86px}button[name=tasty-recipes-video-toggle] span{padding:0 4px;pointer-events:none}button[name=tasty-recipes-video-toggle][aria-checked=false] :last-child,button[name=tasty-recipes-video-toggle][aria-checked=true] :first-child{background:#fff;border-radius:2px;color:#979599;padding:2px 4px}button[name=tasty-recipes-video-toggle][aria-checked=false] :first-child,button[name=tasty-recipes-video-toggle][aria-checked=true] :last-child{color:#fff}label[for=tasty-recipes-video-toggle]{color:#979599;font-size:.6rem;line-height:30px;padding-right:8px;text-transform:uppercase;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;vertical-align:middle}.tasty-recipe-responsive-iframe-container{margin:10px 0}.tasty-recipes-equipment{display:flex;flex-wrap:wrap;justify-content:space-evenly}.tasty-recipes-equipment>h3{flex:0 0 100%}.tasty-recipes-equipment .tasty-link-card{flex:0 0 50%;padding:1.5rem 1rem;text-align:center}@media screen and (min-width:500px){.tasty-recipes-equipment .tasty-link-card{flex:0 0 33%}}.tasty-recipes-equipment .tasty-link-card p{font-size:1em;font-weight:700;margin-bottom:0}.tasty-recipes-equipment .tasty-link-card p a{color:initial}.tasty-recipes-equipment .tasty-link-card span{font-size:.9em}.tasty-recipes .tasty-recipes-nutrition ul{list-style-type:none;margin:0;padding:0}.tasty-recipes .tasty-recipes-nutrition ul:after{clear:both;content:” “;display:block}.tasty-recipes .tasty-recipes-nutrition li{float:left;list-style-type:none;margin-bottom:0;margin-left:0;margin-right:16px}.tasty-recipes-plug{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1em;text-align:center}.tasty-recipes-plug a{box-shadow:none;text-decoration:none}.tasty-recipes-plug a img{background:transparent;box-shadow:none;display:inline-block;height:auto;margin:5px 0 0 8px;padding:0;width:150px}.tasty-recipes-footer-content{padding:1.5em;text-align:center}.tasty-recipes-footer-content .tasty-recipes-footer-copy{margin-left:0}.tasty-recipes-footer-content img,.tasty-recipes-footer-content svg{width:60px}.tasty-recipes-entry-content .tasty-recipes-entry-footer h3{font-size:1.25em;margin:0 0 .25em;padding:0}.tasty-recipes-entry-footer p{font-size:.75em;margin:0}.tasty-recipes-entry-footer p a{border-bottom:none;box-shadow:none;text-decoration:underline}.tasty-recipes-flash-message{background-color:#fff;border-radius:4px;box-shadow:0 .3px .4px 0 rgba(0,0,0,.024),0 .9px 1.5px 0 rgba(0,0,0,.05),0 3.5px 6px 0 rgba(0,0,0,.1);color:#313135;display:inline-block;font-size:13px;letter-spacing:0;line-height:1.2em;margin-left:10px;padding:4px 10px}@media screen and (min-width:500px){.tasty-recipes-flash-message{padding:4px 10px}}.tasty-recipes-flash-message p{margin:0;padding:0;text-transform:none}@media screen and (min-width:500px){.tasty-recipes-footer-content{align-items:center;display:flex;justify-content:center;padding:1.5em 0;text-align:left}.tasty-recipes-footer-content .tasty-recipes-footer-copy{margin-left:.8em}}@media print{.tasty-recipes-no-print,.tasty-recipes-no-print *{display:none!important}}[data-tr-ingredient-checkbox]{cursor:pointer;list-style-position:outside;list-style-type:none!important;margin-left:0!important}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container{position:relative}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]+label{display:inline-block;position:relative;vertical-align:middle}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]+label:before{border:1px solid;border-radius:2px;content:””;display:inline-block;height:20px;margin-right:10px;position:relative;width:20px}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]:checked+label:after{border-bottom:2px solid;border-left:2px solid;content:””;display:inline-block;height:6px;left:4px;position:absolute;top:4px;transform:rotate(-45deg);width:12px}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]:focus+label:before{box-shadow:0 0 8px #5e9ed6;outline:1px solid #5d9dd5}[data-tr-ingredient-checkbox=checked]{opacity:.8;text-decoration:line-through}.tasty-recipes-cook-mode__container{align-items:center;display:flex;line-height:100%}.tasty-recipes-cook-mode__container label{font-size:inherit}.tasty-recipes-cook-mode__switch{display:inline-block;height:17px;margin-right:10px;position:relative;width:30px}.tasty-recipes-cook-mode__switch-slider{background-color:#737373;bottom:0;cursor:pointer;display:block;left:0;opacity:.4;position:absolute;right:0;top:0;transition:.4s}.tasty-recipes-cook-mode__switch-slider:before{background-color:#fff;bottom:2px;content:””;height:13px;left:2px;position:absolute;transition:.4s;width:13px}.tasty-recipes-cook-mode__switch input{display:none}.tasty-recipes-cook-mode__switch input:checked+span{opacity:1}.tasty-recipes-cook-mode__switch input:checked+span:before{transform:translateX(13px)}.tasty-recipes-cook-mode__switch-round{border-radius:34px}.tasty-recipes-cook-mode__switch-round:before{border-radius:50%}.tasty-recipes-cook-mode__label{font-weight:700}@media only screen and (max-width:767px){#shop-with-instacart-v1{transform:scale(.75);transform-origin:top left}}/* Bold recipe card styles. */ .tasty-recipes{border:5px solid #667;margin-top:6em;margin-bottom:4em}.tasty-recipes.tasty-recipes-has-plug{margin-bottom:1em}.tasty-recipes-plug{margin-bottom:4em}.tasty-recipes-print-button{display:none}.tasty-recipes-image-shim{height:69.5px;clear:both}.tasty-recipes-entry-header{background-color:#667;color:#fff;text-align:center;padding-top:35px;padding-bottom:1.5em;padding-left:2.5em;padding-right:2.5em}.tasty-recipes-entry-header.tasty-recipes-has-image{padding-top:0px}.tasty-recipes-entry-header .tasty-recipes-image{float:none;text-align:center;transform:translateY(-115px);margin-bottom:1em;/* Decide if we need this */}.tasty-recipes-entry-header .tasty-recipes-image img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:5px solid #667;height:150px;width:150px;display:inline-block;object-fit:cover}.tasty-recipes-entry-header h2{font-size:2em;font-weight:400;text-transform:lowercase;margin-bottom:0;text-align:center;color:#fff;margin-top:0;padding-top:0;padding-bottom:0}.tasty-recipes-has-image .tasty-recipes-entry-header h2{margin-top:-115px}.tasty-recipes-entry-header hr{border:1px solid #b7bbc6;background-color:#b7bbc6;margin-bottom:1em;margin-top:1em}.tasty-recipes-entry-header div.tasty-recipes-rating{text-decoration:none;border:none;display:block;font-size:1.375em}.tasty-recipes-entry-header .tasty-recipes-rating:hover{text-decoration:none}.tasty-recipes-entry-header .tasty-recipes-rating p{margin-bottom:0}.tasty-recipes-no-ratings-buttons .unchecked,.tasty-recipes-no-ratings-buttons .checked,.tasty-recipes-entry-header span.tasty-recipes-rating{color:#fff;color:var(–tr-star-color,#fff)}.tasty-recipes-entry-header .rating-label{font-style:italic;color:#b7bbc6;font-size:0.6875em;display:block}.tasty-recipes,.tasty-recipes-ratings{–tr-star-size:0.97em!important;–tr-star-margin:0.5em!important}.tasty-recipes-entry-header .tasty-recipes-details{margin-top:1em}.tasty-recipes-entry-header .tasty-recipes-details ul{list-style-type:none;margin:0}.tasty-recipes-entry-header .tasty-recipes-details ul li{display:inline-block;margin-left:0.5em;margin-right:0.5em;font-size:1em;line-height:2.5em;color:#fff}@media only screen and (max-width:520px){.tasty-recipes-entry-header .tasty-recipes-details .detail-icon{height:0.8em;margin-top:0.4em}.tasty-recipes-entry-header .tasty-recipes-details ul li{font-size:0.875em;line-height:1.75em}}@media only screen and (min-width:520px){.tasty-recipes-entry-header .tasty-recipes-details .detail-icon{height:1em;margin-top:0.6em}.tasty-recipes-entry-header .tasty-recipes-details ul li{font-size:1em;line-height:2.5em}}.tasty-recipes-entry-header .tasty-recipes-details .tasty-recipes-label{font-style:italic;color:#b7bbc6;margin-right:0.125em}.tasty-recipes-entry-header .tasty-recipes-details .detail-icon{vertical-align:top;margin-right:0.2em;display:inline-block;color:#FFF}.tasty-recipes-entry-header .tasty-recipes-details .author a{color:inherit;text-decoration:underline}.tasty-recipes-entry-content{padding-top:1.25em}.tasty-recipes-entry-content .tasty-recipes-buttons{margin-bottom:1.25em;margin-left:1.25em;margin-right:1.25em}.tasty-recipes-entry-content .tasty-recipes-buttons:after{content:’ ‘;display:block;clear:both}.tasty-recipes-entry-content .tasty-recipes-button-wrap{width:50%;display:inline-block;float:left;box-sizing:border-box}.tasty-recipes-quick-links a.button,.tasty-recipes-entry-content .tasty-recipes-buttons a{text-transform:uppercase;text-align:center;display:block;color:#fff;color:var(–tr-button-text-color,#fff);background-color:#667;background-color:var(–tr-button-color,#666677);font-size:1em;line-height:1.375em;padding:1em;font-weight:bold;margin-top:0;border:none;border-radius:0;text-decoration:none}.tasty-recipes-quick-links a.button{display:inline-block}.tasty-recipes-entry-content a img{box-shadow:none;-webkit-box-shadow:none}.tasty-recipes-quick-links a.button:hover,.tasty-recipes-entry-content .tasty-recipes-buttons a:hover{border:none}.tasty-recipes-entry-content .tasty-recipes-buttons img{vertical-align:top}.tasty-recipes-entry-content .tasty-recipes-buttons .svg-print,.tasty-recipes-entry-content .tasty-recipes-buttons .svg-pinterest,.tasty-recipes-entry-content .tasty-recipes-buttons .svg-heart-regular,.tasty-recipes-entry-content .tasty-recipes-buttons .svg-heart-solid{height:1.25em;margin-right:0.375em;margin-bottom:0;background:none;display:inline-block;vertical-align:middle}@media only screen and (min-width:520px){.tasty-recipes-entry-content .tasty-recipes-button-wrap:first-child{padding-right:0.625em}.tasty-recipes-entry-content .tasty-recipes-button-wrap:last-child{padding-left:0.625em}}@media only screen and (max-width:520px){.tasty-recipes-entry-content .tasty-recipes-button-wrap{width:100%}.tasty-recipes-entry-content .tasty-recipes-button-wrap:nth-child(2){padding-top:1em}}.tasty-recipes-entry-content h3{text-transform:uppercase;font-size:0.75em;color:#979599;margin:1.5em 0}.tasty-recipes-ingredients-header,.tasty-recipes-instructions-header{margin:1.5em 0}.tasty-recipes-entry-content h4{font-size:1em;padding-top:0;margin-bottom:1.5em;margin-top:1.5em}.tasty-recipes-entry-content hr{background-color:#eae9eb;border:1px solid #eae9eb;margin-top:1em;margin-bottom:1em}.tasty-recipes-entry-content .tasty-recipes-description,.tasty-recipes-entry-content .tasty-recipes-ingredients,.tasty-recipes-entry-content .tasty-recipes-instructions,.tasty-recipes-entry-content .tasty-recipes-keywords{padding-left:1.25em;padding-right:1.25em}.tasty-recipes-entry-content .tasty-recipes-description h3{display:none}.tasty-recipes-entry-content .tasty-recipes-description p{margin-bottom:1em}.tasty-recipes-entry-content .tasty-recipes-ingredients ul,.tasty-recipes-entry-content .tasty-recipes-instructions ul{list-style-type:none;margin-left:0;margin-bottom:1.5em;padding:0}.tasty-recipes-entry-content .tasty-recipes-ingredients ul li,.tasty-recipes-entry-content .tasty-recipes-instructions ul li{margin-bottom:0.625em;list-style-type:none;position:relative;margin-left:1.5em;line-height:1.46}.tasty-recipes-entry-content .tasty-recipes-ingredients ul li:before,.tasty-recipes-entry-content .tasty-recipes-instructions ul li:before{background-color:#667;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:0.5em;width:0.5em;display:block;content:’ ‘;left:-1.25em;top:0.375em;position:absolute}.tasty-recipes-entry-content .tasty-recipes-ingredients ol,.tasty-recipes-entry-content .tasty-recipes-instructions ol{counter-reset:li;margin-left:0;padding:0}.tasty-recipes-entry-content .tasty-recipes-ingredients ol>li,.tasty-recipes-entry-content .tasty-recipes-instructions ol>li{list-style-type:none;position:relative;margin-bottom:1em;margin-left:1.5em;line-height:1.46}.tasty-recipes-entry-content .tasty-recipes-ingredients ol>li:before,.tasty-recipes-entry-content .tasty-recipes-instructions ol>li:before{content:counter(li);counter-increment:li;position:absolute;background-color:#667;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:1.45em;width:1.45em;color:#fff;left:-1.25em;transform:translateX(-50%);line-height:1.5em;font-size:0.6875em;text-align:center;top:0.1875em}.tasty-recipes-entry-content .tasty-recipes-ingredients li li,.tasty-recipes-entry-content .tasty-recipes-instructions li li{margin-top:0.625em}.tasty-recipes-entry-content .tasty-recipes-ingredients li ul,.tasty-recipes-entry-content .tasty-recipes-ingredients li ol,.tasty-recipes-entry-content .tasty-recipes-instructions li ul,.tasty-recipes-entry-content .tasty-recipes-instructions li ol{margin-bottom:0}.tasty-recipes-entry-content .tasty-recipes-equipment{padding-left:1.25em;padding-right:1.25em}.tasty-recipes-entry-content .tasty-recipe-video-embed~.tasty-recipes-equipment{padding-top:1em}.tasty-recipes-entry-content .tasty-recipes-notes{padding:1.25em;background-color:#edf0f2}.tasty-recipes-entry-content .tasty-recipes-notes ol{counter-reset:li;margin-left:0;padding:0}.tasty-recipes-entry-content .tasty-recipes-notes ul{margin-left:0;padding:0}.tasty-recipes-entry-content .tasty-recipes-notes p,.tasty-recipes-entry-content .tasty-recipes-notes ul,.tasty-recipes-entry-content .tasty-recipes-notes ol{background-color:#fff;padding-bottom:1.25em;margin-bottom:1.5em;position:relative;-webkit-clip-path:polygon(20px 0,100% 0,100% 100%,0 100%,0 20px);clip-path:polygon(20px 0,100% 0,100% 100%,0 100%,0 20px)}@media only screen and (min-width:520px){.tasty-recipes-entry-content .tasty-recipes-notes p,.tasty-recipes-entry-content .tasty-recipes-notes ul,.tasty-recipes-entry-content .tasty-recipes-notes ol{padding-left:1.5625em;padding-right:1.5625em;padding-top:1.25em}.tasty-recipes-entry-content .tasty-recipes-notes ul,.tasty-recipes-entry-content .tasty-recipes-notes ol{margin-left:2em}}.tasty-recipes-entry-content .tasty-recipes-notes p,.tasty-recipes-entry-content .tasty-recipes-notes ul li,.tasty-recipes-entry-content .tasty-recipes-notes ol li{padding-left:2.5em}.tasty-recipes-entry-content .tasty-recipes-notes ul li,.tasty-recipes-entry-content .tasty-recipes-notes ol li{position:relative;list-style:none;padding-top:1em;margin-left:0;margin-bottom:0}.tasty-recipes-entry-content .tasty-recipes-notes p:before,.tasty-recipes-entry-content .tasty-recipes-notes ul li:before{content:’i’;display:block;background-color:#667;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:1.3em;width:1.3em;font-size:0.75em;line-height:1.3em;text-align:center;color:#fff;position:absolute;left:1.167em;top:1.9em}.tasty-recipes-entry-content .tasty-recipes-notes ol>li:before{content:counter(li);counter-increment:li;position:absolute;background-color:#667;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:1.45em;width:1.45em;color:#fff;left:2em;transform:translateX(-50%);line-height:1.5em;font-size:0.6875em;text-align:center;top:2em}.tasty-recipes-entry-content .tasty-recipes-notes p:last-child{margin-bottom:0}.tasty-recipes-entry-content .tasty-recipes-other-details{background-color:#edf0f2;padding:0 1.25em 1.25em}.tasty-recipes-entry-content .tasty-recipes-other-details ul{color:#667;display:flex;flex-wrap:wrap;font-size:0.85rem;list-style:none;margin-bottom:0}.tasty-recipes-entry-content .tasty-recipes-other-details ul li{margin:0 0.5rem;list-style:none}.tasty-recipes-entry-content .tasty-recipes-other-details ul li .tasty-recipes-label{font-style:italic}.tasty-recipes-entry-content .tasty-recipes-other-details .detail-icon{color:#667;vertical-align:top;margin-right:0.2em;display:inline-block}@media only screen and (max-width:520px){.tasty-recipes-entry-content .tasty-recipes-other-details .detail-icon{height:0.8em;margin-top:0.4em}.tasty-recipes-entry-content .tasty-recipes-other-details ul li{font-size:0.875em;line-height:1.75em}}@media only screen and (min-width:520px){.tasty-recipes-entry-content .tasty-recipes-other-details .detail-icon{height:1em;margin-top:0.8em}.tasty-recipes-entry-content .tasty-recipes-other-details ul li{font-size:1em;line-height:2.5em}}.tasty-recipes-entry-content .tasty-recipes-keywords{background-color:#edf0f2;padding-bottom:1em;padding-top:1em}.tasty-recipes-entry-content .tasty-recipes-keywords p{font-size:0.7em;font-style:italic;color:#979599;margin-bottom:0}.tasty-recipes-entry-content .tasty-recipes-keywords p span{font-weight:bold}.tasty-recipes-nutrifox{text-align:center;margin:0}.nutrifox-label{background-color:#edf0f2}.tasty-recipes-nutrifox iframe{width:100%;display:block;margin:0}.tasty-recipes-entry-content .tasty-recipes-nutrition{padding:1.25em;color:#667}.tasty-recipes-nutrition .tasty-recipes-label{font-style:italic;color:#b7bbc6;margin-right:0.125em;font-weight:400}.tasty-recipes-nutrition ul li{float:none;display:inline-block;line-height:2em;margin:0 10px 0 0}.tasty-recipes-entry-footer{background-color:#667}.tasty-recipes-entry-footer img,.tasty-recipes-entry-footer svg{color:#FFF}.tasty-recipes-entry-content .tasty-recipes-entry-footer h3{color:#fff}.tasty-recipes-entry-footer{color:#fff}.tasty-recipes-entry-footer:after{content:’ ‘;display:block;clear:both}/* Print view styles */ .tasty-recipes-print-view .tasty-recipe-video-embed,.tasty-recipes-print-view .tasty-recipes-other-details,.tasty-recipes-print .tasty-recipes-entry-header .tasty-recipes-details .detail-icon,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes p:before,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes ul li:before,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-ingredients ul li:before,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-ingredients ol li:before,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-instructions ul li:before,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-instructions ol li:before,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes ol>li:before,.tasty-recipes-print .tasty-recipes-entry-footer img{display:none}.tasty-recipes-print-view{font-size:11px;background-color:#fff;line-height:1.5em}.tasty-recipes-print{padding:0}.tasty-recipes-print-view .tasty-recipes{margin-top:1em}.tasty-recipes-print-view .tasty-recipes-entry-content h3{font-size:1.2em;letter-spacing:0.1em;margin:0 0 10px 0}.tasty-recipes-print-view .tasty-recipes-ingredients-header,.tasty-recipes-print-view .tasty-recipes-instructions-header{margin:0}.tasty-recipes-print-view .tasty-recipes-ingredients,.tasty-recipes-print-view .tasty-recipes-instructions{padding:1.25em}.tasty-recipes-print .tasty-recipes-entry-header{background-color:inherit;color:inherit;padding:0;text-align:left}.tasty-recipes-print .tasty-recipes-entry-header .tasty-recipes-image{float:right;transform:none}.tasty-recipes-print.tasty-recipes-has-image .tasty-recipes-entry-header h2{margin-top:0;text-align:left}.tasty-recipes-print .tasty-recipes-entry-header h2{color:inherit;margin-bottom:0.5em}.tasty-recipes-print .tasty-recipes-entry-header hr{display:none}.tasty-recipes-print .tasty-recipes-entry-header span.tasty-recipes-rating{color:#000}.tasty-recipes-entry-header div.tasty-recipes-rating a{text-decoration:none}.tasty-recipes-entry-header div.tasty-recipes-rating p{margin-top:4px}.tasty-recipes-print .tasty-recipes-entry-header .tasty-recipes-details ul{padding:0;clear:none}.tasty-recipes-print .tasty-recipes-entry-header .tasty-recipes-details ul li{line-height:1.5em;color:#000;margin:0 10px 0 0}.tasty-recipes-print .tasty-recipes-entry-content img{max-width:50%;height:auto}.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-ingredients ol li,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-instructions ol li{margin-bottom:0.5em;list-style:decimal;line-height:1.5em}.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-ingredients ul li,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-instructions ul li{margin-bottom:0.5em;line-height:1.1;list-style:disc}.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes{background:none!important}.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes ul,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes ol{background:none!important}.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes ol li{padding:0;clip-path:none;background:none;line-height:1.5em;list-style:decimal}.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes p{padding:0;clip-path:none;background:none;line-height:1.5em}.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes ul li{padding:0;clip-path:none;background:none;line-height:1.5em;list-style:disc}.tasty-recipes-print .tasty-recipes-source-link{text-align:center}.tasty-recipes-entry-content .tasty-recipes-ingredients ul li[data-tr-ingredient-checkbox]:before{display:none}.tasty-recipes-cook-mode{margin-top:1em}.tasty-recipes-cook-mode__label{font-style:italic;color:#667;font-weight:normal}.tasty-recipes-cook-mode__helper{font-size:1em}.tasty-recipes-cook-mode .tasty-recipes-cook-mode__switch .tasty-recipes-cook-mode__switch-slider{background-color:#667}.tasty-recipes{border:1px solid #e4e5e5;margin:100px 0 40px}.tasty-recipes-entry-header{text-align:center;background-color:#f2f2f2;padding:25px 25px 25px;margin:0}.tasty-recipes-entry-header .tasty-recipes-image img{border:none;height:200px;width:200px}.tasty-recipes-entry-header h2{padding:0;margin:0 0 10px;border:none;text-transform:none!important}.tasty-recipes-entry-header hr{display:none}.tasty-recipes-entry-header .tasty-recipes-rating p{margin:0;line-height:1.1}.tasty-recipes-entry-header span.tasty-recipes-rating{color:#6666aa!important;margin:0!important}.tasty-recipes-entry-header .rating-label{font-size:12px;font-style:italic;color:#677074}.tasty-recipes-entry-header .tasty-recipes-details,.tasty-recipes-entry-content .tasty-recipes-other-details{font-size:14px;line-height:1.7;color:#677074}.tasty-recipes-entry-header .tasty-recipes-details ul li,.tasty-recipes-entry-content .tasty-recipes-other-details ul li{display:inline-block;color:#677074;margin:0 8px;line-height:1.7;font-size:14px}.tasty-recipes-entry-header .tasty-recipes-details ul li:before,.tasty-recipes-entry-content .tasty-recipes-other-details ul li:before{display:none}.tasty-recipes-entry-header .tasty-recipes-details .tasty-recipes-label,.tasty-recipes-entry-content .tasty-recipes-other-details .tasty-recipes-label{font-family:”Futura”,Arial,Helvetica,Geneva,sans-serif;text-transform:uppercase;font-weight:bold;letter-spacing:.12em;font-style:normal!important;color:#677074}.tasty-recipes-entry-header .tasty-recipes-details .detail-icon,.tasty-recipes-entry-content .tasty-recipes-other-details .detail-icon{position:relative;margin:0;vertical-align:middle}.tasty-recipes-yield-scale,.tasty-recipes-scale-label{color:#677074!important}.tasty-recipes .tasty-recipes-buttons a{text-decoration:none;font-family:”Futura”,Arial,Helvetica,Geneva,sans-serif;font-weight:bold;text-transform:uppercase;letter-spacing:.1em;font-size:16px;background-color:#9bb83d;color:#212629!important;padding:16px 25px;text-decoration:none;border:none!important;border-radius:0;box-shadow:none!important}.tasty-recipes-entry-header .tasty-recipes-buttons a:hover{background-color:#7772b5;cursor:pointer}.tasty-recipes-entry-header .tasty-recipes-buttons img{vertical-align:top}@media only screen and (min-width:520px){.tasty-recipes-entry-header .tasty-recipes-button-wrap:first-child{padding-right:.625em}.tasty-recipes-entry-header .tasty-recipes-button-wrap:last-child{padding-left:.625em}}@media only screen and (max-width:520px){.tasty-recipes-entry-header .tasty-recipes-button-wrap{width:100%}.tasty-recipes-entry-header .tasty-recipes-button-wrap:nth-child(2){padding-top:1em}}.tasty-recipes-entry-content{}.tasty-recipes-description{padding:0 25px}.tasty-recipes-description p{margin:20px 0}.tasty-recipes-entry-content h3{text-transform:none;font-size:26px;margin-bottom:20px}.tasty-recipes-entry-content h4{font-size:1em;padding-top:0;margin-bottom:25px;margin-top:25px}.tasty-recipes-entry-content hr{border:1px solid #E4E6E6;border-bottom:none;margin-top:25px;margin-bottom:25px}.tasty-recipes-entry-content .tasty-recipes-ingredients{}.tasty-recipes-entry-content .tasty-recipes-ingredients,.tasty-recipes-entry-content .tasty-recipes-instructions,.tasty-recipes-entry-content .tasty-recipes-keywords{padding-left:25px;padding-right:25px}.tasty-recipes-entry-content .tasty-recipes-ingredients ul,.tasty-recipes-entry-content .tasty-recipes-instructions ul{list-style-type:none;margin-bottom:25px;padding:0}.tasty-recipes-entry-content .tasty-recipes-ingredients ul li,.tasty-recipes-entry-content .tasty-recipes-instructions ul li{}.tasty-recipes-entry-content .tasty-recipes-ingredients ul li:before,.tasty-recipes-entry-content .tasty-recipes-instructions ul li:before{font-size:80%;background-color:#9ab73c;left:0;top:9px}.tasty-recipes-entry-content .tasty-recipes-ingredients ol,.tasty-recipes-entry-content .tasty-recipes-instructions ol{counter-reset:li;margin-left:0px;padding:0}.tasty-recipes-entry-content .tasty-recipes-ingredients ol li,.tasty-recipes-entry-content .tasty-recipes-instructions ol li{list-style-type:none;position:relative}.tasty-recipes-entry-content .tasty-recipes-ingredients ol li:before,.tasty-recipes-entry-content .tasty-recipes-instructions ol li:before{content:counter(li);counter-increment:li;position:absolute;background-color:#9bb83d;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:20px;width:20px;color:#212629;left:-20px;top:5px;transform:translateX(-50%);line-height:20px;font-size:10px;text-align:center;font-family:futura;font-weight:bold}@media only screen and (max-width:520px){.tasty-recipes-entry-content .tasty-recipes-ingredients ol,.tasty-recipes-entry-content .tasty-recipes-instructions ol{margin-left:0}}.tasty-recipes-entry-content .tasty-recipes-keywords{display:none}.tasty-recipes-entry-content .tasty-recipes-notes{background-color:#f2f2f2!important;padding:1px 20px 20px;font-size:90%}.tasty-recipes-entry-content .tasty-recipes-notes h3{margin-top:20px}.tasty-recipes-entry-content .tasty-recipes-notes p,.tasty-recipes-entry-content .tasty-recipes-notes ul,.tasty-recipes-entry-content .tasty-recipes-notes ol{background-color:transparent;padding:0 0 0 30px;margin:0 0 10px;position:relative;-webkit-clip-path:unset;clip-path:unset}.tasty-recipes-entry-content .tasty-recipes-notes p:before,.tasty-recipes-entry-content .tasty-recipes-notes ul li:before{color:#9ab73c;content:’f324’;font-family:”Font Awesome 5 Pro”;font-weight:bold;margin:0 0 0 -0px;width:30px;font-weight:normal;font-size:90%;display:inline-block;background-color:transparent;border-radius:0;top:5px;left:0}.tasty-recipes-entry-content .tasty-recipes-other-details{background-color:transparent;padding:1px 20px 20px;margin:0!important}.tasty-recipes-entry-content .tasty-recipes-nutrition{padding:25px;text-align:left;margin:0;font-style:italic;font-weight:normal;text-transform:lowercase;letter-spacing:normal;color:#5d6163;background-color:transparent;border-top:1px solid #e4e5e5}.tasty-recipes-entry-content .tasty-recipes-nutrition h3{margin:0 0 15px;font-style:normal}.tasty-recipes-entry-content .tasty-recipes-nutrition li:before{display:none!important}.tasty-recipes-nutrition .tasty-recipes-label{font-style:normal;font-weight:bold;text-transform:uppercase;letter-spacing:.1em;font-family:”futura”;font-size:90%;color:#5d6163}.tasty-recipes-nutrition ul{font-size:14px;margin:0;padding:0}.tasty-recipes-nutrition li{margin:0 10px 0 0!important;padding:0!important}.tasty-recipes-nutrition *{line-height:1.5!important;color:#5d6163}.tasty-recipes-entry-footer{background-color:#e8e8f2;color:#212629;padding:25px;text-align:center}.tasty-recipes-entry-footer .tasty-recipes-footer-content{display:block;width:100%;margin:0;padding:0;text-align:center}.tasty-recipes-entry-footer .tasty-recipes-footer-content h3{margin:5px 0 5px;color:#9bb83d;font-size:22px;padding:0;text-align:center}.tasty-recipes-entry-footer .tasty-recipes-footer-content p{margin:0;padding:0;font-size:16px;text-align:center}.tasty-recipes-entry-footer p a{color:#6161A8}.tasty-recipes-entry-footer p a:hover{}.tasty-recipes-entry-footer:after{content:” “;display:block;clear:both}@media only screen and (max-width:399px){.tasty-recipes-entry-header{text-align:center;padding:25px 15px 15px}.tasty-recipes-entry-header h2{font-size:32px}.tasty-recipes-entry-content .tasty-recipes-description,.tasty-recipes-entry-content .tasty-recipes-ingredients,.tasty-recipes-entry-content .tasty-recipes-instructions,.tasty-recipes-entry-content .tasty-recipes-keywords{padding-left:0;padding-right:0}.tasty-recipes-entry-content .tasty-recipes-notes{padding:1px 15px 15px}.tasty-recipes-entry-content .tasty-recipes-notes p,.tasty-recipes-entry-content .tasty-recipes-notes ul,.tasty-recipes-entry-content .tasty-recipes-notes ol{padding:0px;margin:0 0 10px}.tasty-recipes-entry-content .tasty-recipes-nutrition{padding:10px 0 15px}.tasty-recipes-entry-content .tasty-recipes-other-details{padding:1px 0px 20px;text-align:center}.tasty-recipes-entry-content .tasty-recipes-other-details ul{display:block;text-align:center}.tasty-recipes-entry-content .tasty-recipes-ingredients,.tasty-recipes-entry-content .tasty-recipes-instructions,.tasty-recipes-entry-content .tasty-recipes-keywords{padding-left:0px!important;padding-right:0px!important}.tasty-recipes{border:none!important}}/* Print view styles */ .tasty-recipes-print-view{font-size:95%;line-height:1.5}.tasty-recipes-print-view .tasty-recipes-entry-header .tasty-recipes-details ul li:before{display:none}.tasty-recipes-print-view .tasty-recipes-ingredients ul{margin:0 25px;list-style-type:disc}.tasty-recipes-print-view .tasty-recipes-instructions ol{margin:0 25px}.tasty-recipes-print-view .tasty-recipes-header,.tasty-recipes-print-view .tasty-recipes-description,.tasty-recipes-print-view .tasty-recipes-ingredients,.tasty-recipes-print-view .tasty-recipes-instructions,.tasty-recipes-print-view .tasty-recipes-keywords,.tasty-recipes-print-view .tasty-recipes-notes,.tasty-recipes-print-view .tasty-recipes-nutrition{padding-left:0;padding-right:0} body{ –tr-star-color:#F2B955;–tr-button-color:#9ab73c; } .tasty-recipes-rating-outline,.tasty-recipes-rating-solid{display:inline-block;line-height:1}.tasty-recipes-rating-outline svg,.tasty-recipes-rating-solid svg{fill:currentColor;height:var(–tr-star-size,18px);width:var(–tr-star-size,18px)}.tasty-recipes-rating-outline[data-tr-clip=”10″] svg,.tasty-recipes-rating-solid[data-tr-clip=”10″] svg{fill:url(#tasty-recipes-clip-10)}.tasty-recipes-rating-outline[data-tr-clip=”20″] svg,.tasty-recipes-rating-solid[data-tr-clip=”20″] svg{fill:url(#tasty-recipes-clip-20)}.tasty-recipes-rating-outline[data-tr-clip=”30″] svg,.tasty-recipes-rating-solid[data-tr-clip=”30″] svg{fill:url(#tasty-recipes-clip-30)}.tasty-recipes-rating-outline[data-tr-clip=”40″] svg,.tasty-recipes-rating-solid[data-tr-clip=”40″] svg{fill:url(#tasty-recipes-clip-40)}.tasty-recipes-rating-outline[data-tr-clip=”50″] svg,.tasty-recipes-rating-solid[data-tr-clip=”50″] svg{fill:url(#tasty-recipes-clip-50)}.tasty-recipes-rating-outline[data-tr-clip=”60″] svg,.tasty-recipes-rating-solid[data-tr-clip=”60″] svg{fill:url(#tasty-recipes-clip-60)}.tasty-recipes-rating-outline[data-tr-clip=”70″] svg,.tasty-recipes-rating-solid[data-tr-clip=”70″] svg{fill:url(#tasty-recipes-clip-70)}.tasty-recipes-rating-outline[data-tr-clip=”80″] svg,.tasty-recipes-rating-solid[data-tr-clip=”80″] svg{fill:url(#tasty-recipes-clip-80)}.tasty-recipes-rating-outline[data-tr-clip=”90″] svg,.tasty-recipes-rating-solid[data-tr-clip=”90″] svg{fill:url(#tasty-recipes-clip-90)}.tasty-recipes-rating-outline[data-tr-clip=”0″] svg{fill:url(#tasty-recipes-clip-0)}.tasty-recipes-rating-solid{–tr-star-opacity:.4}.tasty-recipes-rating-solid[data-tr-clip=”0″] svg{opacity:var(–tr-star-opacity)}[data-tr-default-rating]>span:not([data-tr-checked]) .tasty-recipes-rating-solid svg{–tr-star-opacity:.4;opacity:var(–tr-star-opacity)}[data-tr-default-rating]>span:not([data-tr-checked]) .tasty-recipes-rating-outline svg{fill:url(#tasty-recipes-clip-0)}[data-tr-default-rating] span[data-tr-checked]~span .tasty-recipes-rating-solid svg{fill:currentColor;–tr-star-opacity:1}[data-tr-default-rating] span[data-tr-checked]~span .tasty-recipes-rating-outline svg{fill:currentColor}input.tasty-recipes-rating:checked~span .tasty-recipes-rating-solid svg{fill:currentColor;–tr-star-opacity:1}input.tasty-recipes-rating:checked~span .tasty-recipes-rating-outline svg{fill:currentColor}@media only screen and (min-width:1024px){.tasty-recipes-ratings-buttons:hover span .tasty-recipes-rating-solid svg{–tr-star-opacity:.4!important;opacity:var(–tr-star-opacity)}.tasty-recipes-ratings-buttons:hover span .tasty-recipes-rating-outline svg{fill:url(#tasty-recipes-clip-0)!important}.tasty-recipes-ratings-buttons:hover>:hover .tasty-recipes-rating-solid svg,.tasty-recipes-ratings-buttons:not(:hover)>input:checked~span .tasty-recipes-rating-solid svg,.tasty-recipes-ratings-buttons>:hover .tasty-recipes-rating-solid svg,.tasty-recipes-ratings-buttons>:hover~span .tasty-recipes-rating-solid svg{fill:currentColor!important;–tr-star-opacity:1!important}.tasty-recipes-ratings-buttons:hover>:hover .tasty-recipes-rating-outline svg,.tasty-recipes-ratings-buttons:not(:hover)>input:checked~span .tasty-recipes-rating-outline svg,.tasty-recipes-ratings-buttons>:hover .tasty-recipes-rating-outline svg,.tasty-recipes-ratings-buttons>:hover~span .tasty-recipes-rating-outline svg{fill:currentColor!important}}.tasty-recipes-static-tooltip{background-color:#000;border-radius:4px;color:#fff;font-size:.9rem;opacity:0;padding:5px 10px;position:absolute;text-align:center;transition:opacity .5s ease-in-out,visibility .5s ease-in-out,transform .5s cubic-bezier(.71,1.7,.77,1.24);vertical-align:middle;visibility:hidden;width:230px;z-index:9}.tasty-recipes-static-tooltip.opened{opacity:1;transform:translateY(-4px);visibility:visible}.tasty-recipes-static-tooltip a{color:#f7d578;display:block}.tasty-recipes-static-tooltip:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #000;bottom:-6px;content:””;font-size:0;left:calc(50% – 4px);line-height:0;pointer-events:none;position:absolute;transform:translateZ(0);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24);width:0;z-index:99}.tasty-recipes-static-tooltip.tr-hide-tail:after{display:none}.tasty-recipes,.tasty-recipes-quick-links,.tasty-recipes-ratings,.wp-admin .tasty-recipes-comment-form{–tr-star-size:18px;–tr-star-margin:3px}.tasty-recipes-rating,.tasty-recipes-ratings-buttons{color:#f2b955;color:var(–tr-star-color,#f2b955)}.tasty-recipes-comment-form{border:none;margin:0;padding:0}.tasty-recipes-comment-form.tasty-recipes-ratings{display:block}.tasty-recipes-entry-header div.tasty-recipes-rating p,.tasty-recipes-rating-stars,.tasty-recipes-ratings,.tasty-recipes-ratings-buttons{display:inline-flex}.tasty-recipes-entry-header div.tasty-recipes-rating p span.tasty-recipes-rating,.tasty-recipes-rating-stars span.tasty-recipes-rating,.tasty-recipes-ratings span.tasty-recipes-rating,.tasty-recipes-ratings-buttons span.tasty-recipes-rating{cursor:pointer;display:inline-block;font-size:var(–tr-star-size,1.1em);margin:0;padding-right:var(–tr-star-margin,.3em)}.tasty-recipes-entry-header div.tasty-recipes-rating p span.tasty-recipes-rating:first-child[data-rating=”5″],.tasty-recipes-rating-stars span.tasty-recipes-rating:first-child[data-rating=”5″],.tasty-recipes-ratings span.tasty-recipes-rating:first-child[data-rating=”5″],.tasty-recipes-ratings-buttons span.tasty-recipes-rating:first-child[data-rating=”5″]{padding-right:0}.tasty-recipes-entry-header div.tasty-recipes-rating p{display:flex;justify-content:center}.tasty-recipes-ratings-buttons{flex-direction:row-reverse}.tasty-recipes-ratings-buttons input[type=radio]{clip:auto;cursor:pointer;display:inline-block!important;height:auto;margin:0;margin-left:calc((var(–tr-star-size, 1.1em) + var(–tr-star-margin))*-1);opacity:0;position:relative;width:1.1em!important;width:calc(var(–tr-star-size, 1.1em) + var(–tr-star-margin))!important;z-index:2}.tasty-recipes-ratings-buttons>span{position:relative}.tasty-recipes-ratings-buttons>span i{font-style:normal}.tasty-recipes-ratings-buttons>span:first-child{padding-right:0!important}.tasty-recipes-rating a,.tasty-recipes-rating a:link{background:none;outline:none;text-decoration:none}.tasty-recipes-screen-reader{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.tasty-recipes-rating-link{align-items:center;display:inline-flex}.tasty-recipes-rating-link .rating-label{font-size:80%;padding-left:.4em}.tasty-recipes-selected-minimum-rating .comment-form-comment label .required{display:none}.tasty-recipes-has-ratings{text-decoration:none!important}
the potato salad with green beans in a white bowl

Italian Potato Salad with Green Beans


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Katie Webster
  • Healthy Eating Total Time: 35 mins
  • Memorial Day Yield: 10 cups
  • olive oil Diet: Vegetarian
@media Print Recipe
@media screen Pin Recipe const share_pin_buttons = document.getElementsByClassName( ‘share-pin button’ ); if ( share_pin_buttons ) { for ( let share_key = 0; share_key { e.stopPropagation(); window.open(e.target.dataset.href,’targetWindow’,’toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=500,height=500′); return false; } ); } }

Description

You’ll be the hero of the potluck when you arrive with this potato salad with green beans! Not only is it simple to prepare (ready in 35 minutes) but it is unique, healthy and so flavorful! It is bursting with crowd-pleasing Italian-inspired flavors, vegan-friendly and packed with loads of nutritious veggies including cherry tomatoes, arugula and crisp-tender green beans.


Ingredients

Units
  • 2 pounds small red-skinned potatoes, scrubbed cut into 1-inch chunks (8 cups)
  • 2 cups green beans, trimmed and cut into 2-inch lengths
  • 1 clove garlic, minced
  • 2 teaspoons coarse kosher salt, divided
  • 1/3 cup extra-virgin olive oil
  • 1/4 cup red wine vinegar
  • 1/4 teaspoon freshly ground pepper, plus more to taste
  • 2 cups loosely packed fresh arugula leaves
  • 1 cup cherry tomatoes, cut in half
  • 1/2 cup sliced pitted Italian black olives, optional
  • 1/4 cup finely chopped red onion
  • 1/2 cup finely chopped fresh basil leaves
  • 2 tablespoons minced parsley

Instructions

  1. Bring an inch of water to a boil in a saucepan fitted with a steamer basket. Add potatoes, cover and steam 10 minutes.
  2. Remove lid, add on the green beans and continue steaming until the potatoes are tender when pierced with a fork and the green beans are fork tender, 3 to 4 minutes.
  3. Meanwhile, sprinkle ½ teaspoon salt over the minced garlic, and mash with the side of a Chef’s knife until a paste forms. Scrape the garlic paste into a large bowl. Add the remaining 1 ½ teaspoon salt, oil, vinegar and pepper.
  4. Add the potatoes and green beans to the dressing and toss to coat. Let sit 10 to 20 minutes, tossing occasionally.
  5. Add arugula, tomatoes, olives (if using), red onion, basil and parsley and toss to combine. Season with additional pepper to taste if desired. Serve room temperature or chilled.

Notes

Leftovers: Keep leftovers in an airtight container in the fridge up to three days. Bring to room temp for 20 to 40 minutes before serving, and toss well to moisten the potatoes and green beans before enjoying.

Make Ahead: While leftovers of this salad are totally delicious, the vinegar in the dressing will make your green beans go a bit dull. If you want to prep this ahead do the following:

  1. Omit the red wine vinegar and the arugula but follow the rest of the instructions for the recipe. Store in the bowl with plastic wrap over it in the fridge up to 24 hours in advance.
  2. Before serving, let the potato salad come to room temp for about 20 minutes, tossing to coat (this will help the olive oil come back to temp.) Then drizzle on the vinegar and toss well. Then add in the arugula and toss again before serving.

  • Healthy EatingPrep Time: 25 mins
  • Healthy EatingCook Time: 15 mins
  • Memorial DayCategory: Side Dish
  • olive oilMethod: Stove Top
  • @mediaCuisine: Italian

Nutrition

  • Serving Size: 1 cup
  • Calories: 179 calories
  • Sugar: 2 g
  • Fat: 8 g
  • Carbohydrates: 24 g
  • Fiber: 3 g
  • Protein: 3 g
window.trCommon={“minRating”:6,”ajaxurl”:”https://www.healthyseasonalrecipes.com/wp-admin/admin-ajax.php”,”ratingNonce”:”3f24c5e0eb”,”postId”:65897}; window.TastyRecipes = window.TastyRecipes || {}; window.TastyRecipes.smoothScroll = { init() { window.addEventListener( ‘click’, e => { let anchor = e.target; if ( ! anchor.classList.contains( ‘tasty-recipes-scrollto’ ) ) { if ( anchor.tagName === ‘A’ ) { return; } anchor = anchor.closest( ‘a’ ); if ( ! anchor || ! anchor.classList.contains( ‘tasty-recipes-scrollto’ ) ) { return; } } const elementHref = anchor.getAttribute( ‘href’ ); if ( ! elementHref ) { return; } e.preventDefault(); this.goToSelector( elementHref ); }); }, goToSelector( selector ) { const element = document.querySelector( selector ); if ( ! element ) { return; } element.scrollIntoView( { behavior: ‘smooth’ } ); history.pushState( {}, ”, selector ); } }; (function( callback ) { if ( document.readyState !== ‘loading’ ) { callback(); } else { window.addEventListener( ‘load’, callback ); } })(() => { window.TastyRecipes.smoothScroll.init(); }); (function(){ var bothEquals = function( d1, d2, D ) { var ret = 0; if (d1<=D) { ret++; } if (d2<=D) { ret++; } return ret === 2; }; var frac =function frac(x,D,mixed){var n1=Math.floor(x),d1=1;var n2=n1+1,d2=1;if(x!==n1)while(bothEquals(d1,d2,D)){var m=(n1+n2)/(d1+d2);if(x===m){if(d1+d2d2)d2=D+1;else d1=D+1;break}else if(xD){d1=d2;n1=n2}if(!mixed)return[0,n1,d1];var q=Math.floor(n1/d1);return[q,n1-q*d1,d1]};frac.cont=function cont(x,D,mixed){var sgn=x<0?-1:1;var B=x*sgn;var P_2=0,P_1=1,P=0;var Q_2=1,Q_1=0,Q=0;var A=Math.floor(B);while(Q_1<D){A=Math.floor(B);P=A*P_1+P_2;Q=A*Q_1+Q_2;if(B-AD){if(Q_1>D){Q=Q_2;P=P_2}else{Q=Q_1;P=P_1}}if(!mixed)return[0,sgn*P,Q];var q=Math.floor(sgn*P/Q);return[q,sgn*P-q*Q,Q]}; window.tastyRecipesVulgarFractions = JSON.parse(decodeURIComponent(“%7B%22%C2%BC%22%3A%221%2F4%22%2C%22%C2%BD%22%3A%221%2F2%22%2C%22%C2%BE%22%3A%223%2F4%22%2C%22%E2%85%93%22%3A%221%2F3%22%2C%22%E2%85%94%22%3A%222%2F3%22%2C%22%E2%85%95%22%3A%221%2F5%22%2C%22%E2%85%96%22%3A%222%2F5%22%2C%22%E2%85%97%22%3A%223%2F5%22%2C%22%E2%85%98%22%3A%224%2F5%22%2C%22%E2%85%99%22%3A%221%2F6%22%2C%22%E2%85%9A%22%3A%225%2F6%22%2C%22%E2%85%9B%22%3A%221%2F8%22%2C%22%E2%85%9C%22%3A%223%2F8%22%2C%22%E2%85%9D%22%3A%225%2F8%22%2C%22%E2%85%9E%22%3A%227%2F8%22%7D”)); window.tastyRecipesFormatAmount = function(amount, el) { if ( parseFloat( amount ) === parseInt( amount ) ) { return amount; } var roundType = ‘frac’; if (typeof el.dataset.amountShouldRound !== ‘undefined’) { if (‘false’ !== el.dataset.amountShouldRound) { if ( ‘number’ === el.dataset.amountShouldRound ) { roundType = ‘number’; } else if (‘frac’ === el.dataset.amountShouldRound) { roundType = ‘frac’; } else if (‘vulgar’ === el.dataset.amountShouldRound) { roundType = ‘vulgar’; } else { roundType = ‘integer’; } } } if (‘number’ === roundType) { amount = Number.parseFloat(amount).toPrecision(2); } else if (‘integer’ === roundType) { amount = Math.round(amount); } else if (‘frac’ === roundType || ‘vulgar’ === roundType) { var denom = 8; if (typeof el.dataset.unit !== ‘undefined’) { var unit = el.dataset.unit; if ([‘cups’,’cup’,’c’].includes(unit)) { denom = 4; if (0.125 === amount) { denom = 8; } if (“0.1667″ === Number.parseFloat( amount ).toPrecision(4)) { denom = 6; } } if ([‘tablespoons’,’tablespoon’,’tbsp’].includes(unit)) { denom = 2; } if ([‘teaspoons’,’teaspoon’,’tsp’].includes(unit)) { denom = 8; } } var amountArray = frac.cont( amount, denom, true ); var newAmount = ”; if ( amountArray[1] !== 0 ) { newAmount = amountArray[1] + ‘/’ + amountArray[2]; if (‘vulgar’ === roundType) { Object.keys(window.tastyRecipesVulgarFractions).forEach(function(vulgar) { if (newAmount === window.tastyRecipesVulgarFractions[vulgar]) { newAmount = vulgar; } }); } } if ( newAmount ) { newAmount = ‘ ‘ + newAmount; } if ( amountArray[0] ) { newAmount = amountArray[0] + newAmount; } amount = newAmount; } return amount; }; window.tastyRecipesUpdatePrintLink = () => { const printButton = document.querySelector( ‘.tasty-recipes-print-button’ ); if ( ! printButton ) { return; } const printURL = new URL( printButton.href ); const searchParams = new URLSearchParams( printURL.search ); const unitButton = document.querySelector( ‘.tasty-recipes-convert-button-active’ ); const scaleButton = document.querySelector( ‘.tasty-recipes-scale-button-active’ ); let unit = ”; let scale = ”; if ( unitButton ) { unit = unitButton.dataset.unitType; searchParams.delete(‘unit’); searchParams.set( ‘unit’, unit ); } if ( scaleButton ) { scale = scaleButton.dataset.amount; searchParams.set( ‘scale’, scale ); } const paramString = searchParams.toString(); const newURL = ” === paramString ? printURL.href : printURL.origin + printURL.pathname + ‘?’ + paramString; const printLinks = document.querySelectorAll( ‘.tasty-recipes-print-link’ ); printLinks.forEach( ( el ) => { el.href = newURL; }); const printButtons = document.querySelectorAll( ‘.tasty-recipes-print-button’ ); printButtons.forEach( ( el ) => { el.href = newURL; }); }; document.addEventListener( ‘DOMContentLoaded’, () => { if ( ! window.location.href.includes( ‘/print/’ ) ) { return; } const searchParams = new URLSearchParams( window.location.search ); const unit = searchParams.get( ‘unit’ ); const scale = searchParams.get( ‘scale’ ); if ( unit && ( ‘metric’ === unit || ‘usc’ === unit ) ) { document.querySelector( ‘.tasty-recipes-convert-button[data-unit-type=”‘ + unit + ‘”]’ ).click(); } if ( scale && Number(scale) > 0 ) { document.querySelector( ‘.tasty-recipes-scale-button[data-amount=”‘ + Number(scale) + ‘”]’ ).click(); } }); }()); (function(){ var buttonClass = ‘tasty-recipes-convert-button’, buttonActiveClass = ‘tasty-recipes-convert-button-active’, buttons = document.querySelectorAll(‘.tasty-recipes-convert-button’); if ( ! buttons ) { return; } buttons.forEach(function(button){ button.addEventListener(‘click’, function(event){ event.preventDefault(); var recipe = event.target.closest(‘.tasty-recipes’); if ( ! recipe ) { return; } var otherButtons = recipe.querySelectorAll(‘.’ + buttonClass); otherButtons.forEach(function(bt){ bt.classList.remove(buttonActiveClass); }); button.classList.add(buttonActiveClass); var unitType = button.dataset.unitType; var dataset = ‘nf’ + unitType.charAt(0).toUpperCase() + unitType.slice(1); var convertables = recipe.querySelectorAll(‘span[data-nf-original]’); convertables.forEach(function(convertable){ if (typeof convertable.dataset.amountOriginalType === ‘undefined’ && ‘usc’ === convertable.dataset.nfOriginal) { if (-1 !== convertable.innerText.indexOf(‘/’)) { convertable.dataset.amountOriginalType = ‘frac’; } if (-1 !== convertable.innerText.indexOf(‘.’)) { convertable.dataset.amountOriginalType = ‘number’; } Object.keys(window.tastyRecipesVulgarFractions).forEach(function(vulgar) { if (-1 !== convertable.innerText.indexOf(vulgar)) { convertable.dataset.amountOriginalType = ‘vulgar’; } }); } convertable.innerText = convertable.dataset[dataset]; if (typeof convertable.dataset.unit !== ‘undefined’) { convertable.dataset.unit = convertable.dataset[dataset + ‘Unit’]; } if (typeof convertable.dataset.amount !== ‘undefined’) { convertable.dataset.amount = convertable.dataset[dataset]; if (‘metric’ === unitType) { convertable.dataset.amountShouldRound = parseInt(convertable.dataset.amount) >= 10 ? ‘integer’ : ‘number’; } else if (typeof convertable.dataset.amountOriginalType !== ‘undefined’) { convertable.dataset.amountShouldRound = convertable.dataset.amountOriginalType; } else { convertable.dataset.amountShouldRound = false; } convertable.innerText = window.tastyRecipesFormatAmount(convertable.dataset[dataset], convertable); } if (convertable.classList.contains(‘nutrifox-unit’)) { if (‘gram’ === convertable.dataset[dataset]) { convertable.innerText = ‘grams’; } } }); document.querySelectorAll(‘.tasty-recipes-scale-button-active’).forEach(function(scaleButton){ scaleButton.click(); }); window.tastyRecipesUpdatePrintLink(); }); }); }()); window.TastyRecipes = window.TastyRecipes || {}; window.TastyRecipes.cookMode = { wakeLockApi: false, wakeLock: false, cookModeSelector: ‘.tasty-recipes-cook-mode’, init() { if (“wakeLock” in navigator && “request” in navigator.wakeLock) { this.wakeLockApi = navigator.wakeLock; } const cookModes = document.querySelectorAll(this.cookModeSelector); if (cookModes.length > 0) { for (const cookMode of cookModes) { if (this.wakeLockApi) { cookMode.querySelector(‘input[type=”checkbox”]’).addEventListener(“change”, event => { this.checkboxChange(event.target); }, false); } else { cookMode.style.display = “none”; } } } }, checkboxChange(checkbox) { if (checkbox.checked) { this.lock(); } else { this.unlock(); } }, setCheckboxesState(state) { const checkboxes = document.querySelectorAll(this.cookModeSelector + ‘ input[type=”checkbox”]’); for (const checkbox of checkboxes) { checkbox.checked = state; } }, async lock() { try { this.wakeLock = await this.wakeLockApi.request(“screen”); this.wakeLock.addEventListener(“release”, () => { this.wakeLock = false; this.setCheckboxesState(false); }); this.setCheckboxesState(true); } catch (error) { this.setCheckboxesState(false); } }, unlock() { if (this.wakeLock) { this.wakeLock.release(); this.wakeLock = false; } this.setCheckboxesState(false); } }; (function(callback) { if (document.readyState !== “loading”) { callback(); } else { document.addEventListener(“DOMContentLoaded”, callback); } })(() => { window.TastyRecipes.cookMode.init(); }); window.TastyRecipes = window.TastyRecipes || {}; window.TastyRecipes.staticTooltip = { element: null, tooltipElement: null, deleting: false, init( element ) { if ( this.deleting ) { return; } this.element = element; this.buildElements(); }, destroy() { if ( ! this.tooltipElement || this.deleting ) { return; } this.deleting = true; this.tooltipElement.classList.remove( ‘opened’ ); setTimeout( () => { this.tooltipElement.remove(); this.deleting = false; }, 500 ); }, buildElements() { const tooltipElement = document.createElement( ‘div’ ); tooltipElement.classList.add( ‘tasty-recipes-static-tooltip’); tooltipElement.setAttribute( ‘id’, ‘tasty-recipes-tooltip’ ); const currentTooltipElement = document.getElementById( ‘tasty-recipes-tooltip’ ); if ( currentTooltipElement ) { document.body.replaceChild( tooltipElement, currentTooltipElement ); } else { document.body.appendChild( tooltipElement ); } this.tooltipElement = document.getElementById( ‘tasty-recipes-tooltip’ ); }, show() { if ( ! this.tooltipElement ) { return; } const tooltipTop = this.element.getBoundingClientRect().top + window.scrollY – 10 // 10px offset. – this.tooltipElement.getBoundingClientRect().height; const tooltipLeft = this.element.getBoundingClientRect().left – ( this.tooltipElement.getBoundingClientRect().width / 2 ) + ( this.element.getBoundingClientRect().width / 2 ) – 1; const posLeft = Math.max( 10, tooltipLeft ); this.maybeRemoveTail( posLeft !== tooltipLeft ); this.tooltipElement.setAttribute( ‘style’, ‘top:’ + tooltipTop + ‘px;left:’ + posLeft + ‘px;’ ); this.tooltipElement.classList.add( ‘opened’ ); }, maybeRemoveTail( removeTail ) { if ( removeTail ) { this.tooltipElement.classList.add( ‘tr-hide-tail’ ); } else { this.tooltipElement.classList.remove( ‘tr-hide-tail’ ); } }, changeMessage( message ) { if ( ! this.tooltipElement ) { return; } this.tooltipElement.innerHTML = message; } }; window.TastyRecipes.ajax = { sendPostRequest( url, data, success, failure ) { const xhr = new XMLHttpRequest(); xhr.open( ‘POST’, url, true ); xhr.send( this.preparePostData( data ) ); xhr.onreadystatechange = () => { if ( 4 !== xhr.readyState ) { return; } if ( xhr.status === 200 ) { success( JSON.parse( xhr.responseText ) ); return; } failure( xhr ); }; xhr.onerror = () => { failure( xhr ); }; }, preparePostData( data ) { const formData = new FormData(); for ( const key in data ) { formData.append( key, data[key] ); } return formData; }, }; window.TastyRecipes.ratings = { defaultRating: 0, currentRatingPercentage: 100, savingRating: false, init( minRating ) { this.minRating = minRating; this.formWatchRating(); this.closeTooltipWhenClickOutside(); this.addBodyClassBasedOnSelectedRating(); this.backwardCompFormRatingPosition(); }, formWatchRating() { const ratings = document.querySelectorAll(‘.tasty-recipes-no-ratings-buttons [data-rating]’); if ( ratings.length { event.preventDefault(); this.defaultRating = event.target.closest( ‘.checked’ ).dataset.rating; this.setCheckedStar( event.target ); this.maybeSendRating( this.defaultRating, event.target ); this.setRatingInForm( this.defaultRating ); } ); } }, closeTooltipWhenClickOutside() { window.addEventListener( ‘click’, e => { // Bailout (don’t remove the tooltip) when the clicked element is a rating star, or it’s the tooltip itself. if ( e.target.closest( ‘.tasty-recipes-rating’ ) || e.target.classList.contains( ‘tasty-recipes-static-tooltip’ ) ) { return; } window.TastyRecipes.staticTooltip.destroy(); } ); }, setRatingInForm( rating ) { const ratingInput = document.querySelector( ‘#respond .tasty-recipes-rating[value=”‘ + rating + ‘”]’ ); if ( ! ratingInput ) { return; } ratingInput.click(); }, addBodyClassBasedOnSelectedRating() { const ratingInputs = document.querySelectorAll( ‘input.tasty-recipes-rating’ ); if ( ! ratingInputs ) { return; } for ( const ratingInput of ratingInputs ) { ratingInput.addEventListener( ‘click’, currentEvent => { const selectedRating = currentEvent.target.getAttribute( ‘value’ ); this.handleBodyClassByRating( selectedRating ); this.toggleCommentTextareaRequired( selectedRating ); } ); } }, handleBodyClassByRating( rating ) { if ( rating < this.minRating ) { document.body.classList.remove( 'tasty-recipes-selected-minimum-rating' ); return; } document.body.classList.add( 'tasty-recipes-selected-minimum-rating' ); }, toggleCommentTextareaRequired( rating ) { const commentTextarea = document.getElementById( 'comment' ); if ( ! commentTextarea ) { return; } if ( rating { window.TastyRecipes.staticTooltip.changeMessage( response.data.message ); window.TastyRecipes.staticTooltip.show(); this.updateAverageText( response.data, recipeCardElement ); this.maybeFillCommentForm( response.data ); // Hide the tooltip after 5 seconds. setTimeout( () => { this.maybeResetTooltip( recipeCardElement, response.data, rating ); }, 5000 ); }, () => { this.resetTooltip( recipeCardElement ); } ); }, updateAverageText( data, recipeCardElement ) { if ( ! data.average ) { return; } this.setRatingPercent( data ); if ( ! data.count ) { return; } const quickLink = document.querySelector( ‘.tasty-recipes-rating-link’ ); if ( quickLink ) { this.setTextInContainer( quickLink, data ); this.setPartialStar( quickLink ); } const cardStars = recipeCardElement.querySelector( ‘.tasty-recipes-ratings-buttons’ ); cardStars.dataset.trDefaultRating = data.average; this.setTextInContainer( recipeCardElement.querySelector( ‘.tasty-recipes-rating’ ), data ); }, setTextInContainer( container, data ) { if ( ! container ) { return; } if ( data.label ) { const ratingLabelElement = container.querySelector( ‘.rating-label’ ); if ( ratingLabelElement ) { ratingLabelElement.innerHTML = data.label; } return; } const averageElement = container.querySelector( ‘.average’ ); if ( averageElement ) { averageElement.textContent = data.average; } const countElement = container.querySelector( ‘.count’ ); if ( countElement ) { countElement.textContent = data.count; } }, setPartialStar( container ) { const highestStar = container.querySelector( ‘[data-rating=”‘ + Math.ceil( this.defaultRating ) + ‘”]’ ); if ( highestStar ) { highestStar.dataset.trClip = this.currentRatingPercentage; } }, setRatingPercent( data ) { this.defaultRating = data.average.toFixed( 1 ); const parts = data.average.toFixed( 2 ).toString().split( ‘.’ ); this.currentRatingPercentage = parts[1] ? parts[1] : 100; if ( this.currentRatingPercentage === ’00’ ) { this.currentRatingPercentage = 100; } }, setCheckedStar( target ) { const cardRatingContainer = target.closest( ‘.tasty-recipes-ratings-buttons’ ); const selectedRatingElement = cardRatingContainer.querySelector( ‘[data-tr-checked]’ ); if ( selectedRatingElement ) { delete selectedRatingElement.dataset.trChecked; } const thisStar = target.closest( ‘.tasty-recipes-rating’ ); thisStar.dataset.trChecked = 1; thisStar.querySelector( ‘[data-tr-clip]’ ).dataset.trClip = 100; }, maybeFillCommentForm( data ) { if ( ! data.comment || ! data.comment.content ) { return; } const commentForm = document.querySelector( ‘#commentform’ ); if ( ! commentForm ) { return; } const commentBox = commentForm.querySelector( ‘[name=comment]’ ); if ( ! commentBox || commentBox.value ) { return; } // Add comment details for editing. commentBox.innerHTML = data.comment.content; if ( data.comment.name ) { commentForm.querySelector( ‘[name=author]’ ).value = data.comment.name; commentForm.querySelector( ‘[name=email]’ ).value = data.comment.email; } }, maybeResetTooltip( recipeCardElement, data, rating ) { if ( this.savingRating === rating ) { this.resetTooltip( recipeCardElement, data ); } }, resetTooltip( recipeCardElement, data ) { window.TastyRecipes.staticTooltip.destroy(); this.savingRating = false; // Reset the default rating. const cardRatingContainer = recipeCardElement.querySelector( ‘.tasty-recipes-ratings-buttons’ ); if ( cardRatingContainer ) { this.defaultRating = ( data && data.average ) ? data.average.toFixed(1) : cardRatingContainer.dataset.trDefaultRating; cardRatingContainer.dataset.trDefaultRating = this.defaultRating; this.resetSelectedStar( cardRatingContainer, data ); } }, resetSelectedStar( cardRatingContainer ) { const selectedRatingElement = cardRatingContainer.querySelector( ‘[data-rating=”‘ + Math.ceil( this.defaultRating ) + ‘”]’ ); if ( selectedRatingElement ) { selectedRatingElement.querySelector( ‘[data-tr-clip]’ ).dataset.trClip = this.currentRatingPercentage; selectedRatingElement.parentNode.dataset.trChecked = 1; } const previousSelectedElement= cardRatingContainer.querySelector( ‘[data-tr-checked]’ ); if ( previousSelectedElement ) { const currentSelectedRating = previousSelectedElement.querySelector(‘[data-rating]’); if ( currentSelectedRating !== selectedRatingElement ) { delete previousSelectedElement.dataset.trChecked; } } }, backwardCompFormRatingPosition() { const ratingsButtons = document.querySelector( ‘#respond .tasty-recipes-ratings-buttons, #tasty-recipes-comment-rating .tasty-recipes-ratings-buttons’ ); if ( ! ratingsButtons ) { return; } const ratingsButtonsStyles = window.getComputedStyle(ratingsButtons); if ( ! ratingsButtonsStyles.display.includes( ‘flex’ ) ) { ratingsButtons.style.direction = ‘rtl’; } if ( typeof tastyRecipesRating !== ‘undefined’ ) { // Select the rating that was previously selected in admin. ratingsButtons.querySelector( ‘.tasty-recipes-rating[value=”‘ + tastyRecipesRating + ‘”]’ ).checked = true; } const ratingSpans = ratingsButtons.querySelectorAll( ‘.tasty-recipes-rating’ ); for (const ratingSpan of ratingSpans) { ratingSpan.addEventListener( ‘click’, event => { if ( ratingSpan === event.target ) { return; } ratingSpan.previousElementSibling.click(); } ); } } }; (function(callback) { if (document.readyState !== “loading”) { callback(); } else { window.addEventListener( ‘load’, callback ); } })(() => { window.TastyRecipes.ratings.init( window.trCommon ? window.trCommon.minRating : 4 ); });

Original source: https://www.healthyseasonalrecipes.com/italian-potato-salad-with-green-beans/

You May Also Like