diff --git a/public/css/offers.css b/public/css/offers.css index 4d10d6e..577cc52 100644 --- a/public/css/offers.css +++ b/public/css/offers.css @@ -221,7 +221,7 @@ font-size: 0.9em; } -#create-offer-controls { +.create-offer-controls { text-align: center; overflow-y: auto; max-height: 800px; diff --git a/src/front/pages/offers.js b/src/front/pages/offers.js index b7dcd2d..971722a 100644 --- a/src/front/pages/offers.js +++ b/src/front/pages/offers.js @@ -14,7 +14,6 @@ const PopupNotification = require('../components/PopupNotification'); const offerService = require('../services/offerService'); class CreateOfferModal { - // Stop relying on IDs constructor({ parentElement, onCreationCallback, offerService }) { this.element = null; this.parentElement = parentElement; @@ -35,15 +34,13 @@ class CreateOfferModal { render() { const modalRoot = document.createElement('div'); this.element = modalRoot; - modalRoot.id = 'create-offer-modal-root'; modalRoot.className = 'full-screen-modal-background'; const modal = document.createElement('div'); modal.className = 'full-screen-modal'; - modal.id = 'create-offer-root'; const controls = document.createElement('div'); - controls.id = 'create-offer-controls'; + controls.className = 'create-offer-controls'; const title = document.createElement('h2'); title.textContent = 'Añade los detalles de tu oferta'; @@ -94,7 +91,6 @@ class CreateOfferModal { }); const amountDiv = document.createElement('div'); - amountDiv.id = 'amount-area'; amountDiv.className = 'create-offer-step'; const amountHeading = document.createElement('h3'); amountHeading.textContent = '¿Cuánto?'; @@ -334,7 +330,6 @@ function offersPage() { tradeDescDiv.append(youBuyData); const youSellText = document.createElement('p'); - youSellText.id = 'you-sell-title'; youSellText.classList.add('offer-card-content-title'); youSellText.innerText = 'Vendes'; tradeDescDiv.append(youSellText);