nice work
-
i made my own style for backend
.wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start { align-items: center; border: none; } .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start .wb-tabs-buttons-item h4 { color: black; font-weight: bold; margin: 0; padding: 8px; } .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start button.components-button.has-text.has-icon { display: flex; align-items: center; justify-content: center; min-height: 46px; color: white; background: black; gap: 4px; } .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start >* { border-radius: 0; border: 1px solid #e9e9e9; box-shadow: 0 16px 32px rgb(0 0 0 / 12%); opacity: 1; background: #f6f6f6; margin: 0; flex-basis: auto; flex-grow: 1; } .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start >*:first-child { border-top-left-radius: 6px; } .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start >*:last-child { border-top-right-radius: 6px; } .wp-swiper__slides .wb-tabs-buttons .wb-tabs-buttons-item.wb-tabs-buttons-item-active { border-bottom-color: rgba(180,180,180,.5); } .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start button.components-button.has-text.has-icon span.dashicon.dashicons.dashicons-insert { margin: 0; display: flex; } .wp-swiper__slides .wp-swiper__slide-content .wp-swiper__slide { border: none; box-shadow: 0 16px 32px rgb(0 0 0 / 12%); overflow: hidden; border-radius: 16px; border-top-left-radius: 0; border-top-right-radius: 0; background: white; min-height: 40vh; } .wp-swiper__slides .wb-tabs-buttons .wb-tabs-buttons-item.wb-tabs-buttons-item-active { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); } .wp-swiper__slides .wb-tabs-buttons .wb-tabs-buttons-item.wb-tabs-buttons-item-active h4 { color: white; } .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start >*:hover { z-index: 2; } .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start button.components-button.has-text.has-icon { box-shadow: none; } .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start button.components-button.has-text.has-icon:after { content: 'Add new'; font-family: initial; font-weight: bold; font-family: "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 16px; } div[data-title="WP Swiper"] { padding: 8px; }
- The topic ‘nice work’ is closed to new replies.