_renderStyles()

in dialogflow-prebuilt-agents/client_side_messenger/retail_assistant/retail_assistant.js [184:244]

• 51 lines of code
• 1 McCabe index (conditional complexity)

    _renderStyles() {
      const styles = document.createElement('style');
      styles.textContent = `
  .wrapper {
  color: var(--df-messenger-default-text-color);
  }
  
  .title-link {
  text-decoration: none;
  color: var(--df-messenger-default-text-color);
  }
  
  .item-list {
  display: flex;
              width: 100%;
              gap: 15px;
  /* No flex wrap. */
  overflow-x: auto;
  }
  
  .item {
  width: 33%;
  padding: 14px;
  }
  
  .item-title {
  margin-top: 0;
              font-size: 1.2em;
              min-height: 50px;
  }
  
  .item-price {
  font-size: 1.2em;
              margin-top: 20px;
  }
  
  .item-image {
  border-radius: 8px;
              max-width: 250px;
              max-height: 250px;
              // box-shadow: 5px 0 20px 0 rgba(0, 0, 0, 0.1)
  }
  
  .item-description, .item-details {
  padding: 8px 0;
  }
  
  .item-table {
  font-size: var(--df-messenger-default-font-size);
  }
  
  .item-table td {
  padding: 2px 8px;
  }
  
  .title {
  display: none;
  }
  `;
      return styles;
    }