first commit
This commit is contained in:
dwindown
3
admin/assets/css/admin-customers.css
Normal file
3
admin/assets/css/admin-customers.css
Normal file
@@ -0,0 +1,3 @@
|
||||
.table-toolbar {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
267
admin/assets/css/admin-editor.css
Normal file
267
admin/assets/css/admin-editor.css
Normal file
@@ -0,0 +1,267 @@
|
||||
input.formipay-post-shortcode-input {
|
||||
padding: 0.5em;
|
||||
background-color: #efefef;
|
||||
color: #2c3338;
|
||||
border: 1px solid #2c3338;
|
||||
border-radius: .5em;
|
||||
}
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
#titlediv #title-prompt-text {
|
||||
padding: 3px 10px;
|
||||
}
|
||||
.editor-styles-wrapper h1 {
|
||||
font-size: 24px!important;
|
||||
margin: unset!important;
|
||||
width: 100%;
|
||||
max-width: 100%!important;
|
||||
border: 1px solid #ccc;
|
||||
padding: .25rem 1rem;
|
||||
border-radius: .5rem;
|
||||
}
|
||||
#sidebar_panel {
|
||||
background-color: #2c3e50;
|
||||
flex: 0 0 273px;
|
||||
}
|
||||
#fields_panel {
|
||||
background-color: #f0f3f5;
|
||||
flex: 1 1 calc(100% - 273px);
|
||||
}
|
||||
#preview-wrapper {
|
||||
border: 3px dashed #ccc;
|
||||
padding: 1.8rem 1rem;
|
||||
max-width: 500px;
|
||||
margin: auto;
|
||||
border-radius: 1rem
|
||||
}
|
||||
#add_field_form {
|
||||
position: sticky;
|
||||
top: 140px;
|
||||
}
|
||||
#add_field_form input[type=text],
|
||||
#add_field_form select,
|
||||
div#preview-wrapper input:not([type=checkbox],[type=radio]),
|
||||
div#preview-wrapper select {
|
||||
border-radius: 5px;
|
||||
border: 1px solid #bec5cb;
|
||||
background-color: #ffffff;
|
||||
height: 40px;
|
||||
padding: 6px 16px;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
.label-divider, .label-page_break {
|
||||
font-size: larger;
|
||||
font-weight: bold;
|
||||
}
|
||||
span.divider-line {
|
||||
border-top: 1px dashed #ccc;
|
||||
display: block;
|
||||
}
|
||||
.preview-field{
|
||||
position: relative;
|
||||
}
|
||||
[data-field-type="page_break"] {
|
||||
border-top: 2px dashed #a3a3a3;
|
||||
padding-top: .5em;
|
||||
}
|
||||
span.grab {
|
||||
cursor: grab;
|
||||
}
|
||||
.the_buttons > button {
|
||||
padding: .15rem!important;
|
||||
}
|
||||
.the_buttons svg {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
#preview-wrapper .the_buttons svg path {
|
||||
fill: #ccc!important;
|
||||
stroke: #ccc!important;
|
||||
}
|
||||
.the_buttons > button svg {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
#preview-wrapper .the_buttons > button:hover svg path {
|
||||
fill: #666!important;
|
||||
stroke: #666!important;
|
||||
}
|
||||
span.scissors {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
top: -10px;
|
||||
}
|
||||
.field-icons.the_buttons button {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 50%;
|
||||
color: #ccc!important;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
.field-icons.the_buttons button:hover {
|
||||
border: 1px solid #666;
|
||||
border-radius: 50%;
|
||||
color: #666!important;
|
||||
margin-bottom: .5em;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.field-icons i {
|
||||
color: #666;
|
||||
cursor: pointer;
|
||||
}
|
||||
.field-icons i:hover {
|
||||
color: #555;
|
||||
}
|
||||
.form-check.form-switch {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.form-switch .form-check-input {
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.wp-core-ui.wp-editor-wrap {
|
||||
margin-top: -2.5em;
|
||||
}
|
||||
.form-check.formipay-radio-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: .5em;
|
||||
}
|
||||
.form-check.formipay-radio-group > input::before {
|
||||
background-color: white;
|
||||
}
|
||||
.stm_metaboxes_grid__inner #appearance {
|
||||
padding-right: 0!important;
|
||||
}
|
||||
.stm_metaboxes_grid__inner #appearance .row {
|
||||
margin-left: 0!important;
|
||||
}
|
||||
.stm_metaboxes_grid__inner #appearance .column {
|
||||
padding: 1.8rem!important;
|
||||
}
|
||||
.wpcfto-tab.active {
|
||||
padding-right: 0!important;
|
||||
}
|
||||
.wpcfto-tab.active > .container > .row {
|
||||
margin: 0!important;
|
||||
}
|
||||
.wpcfto-repeater-single:not(:first-child) {
|
||||
border-top: 1px solid #ccc!important;
|
||||
}
|
||||
.wpcfto_settings_head+.stm_metaboxes_grid .stm_metaboxes_grid__inner .row .column {
|
||||
padding-right: 1.8rem!important;
|
||||
}
|
||||
.wpcfto_group_started .wpcfto_generic_field_editor {
|
||||
padding: 0!important;
|
||||
}
|
||||
#formipay .inside, #formipay_canvas .inside {
|
||||
padding: 0!important;
|
||||
margin: 0!important;
|
||||
}
|
||||
#payments .wpcfto-field-content .wpcfto_multi_checkbox {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
#payments .wpcfto-field-content .wpcfto_multi_checkbox > label {
|
||||
width: 100%;
|
||||
}
|
||||
.formipay-checkbox-wrapper {
|
||||
display: grid;
|
||||
}
|
||||
.trumbowyg-textarea {
|
||||
min-height: 14em !important;
|
||||
height: unset!important;
|
||||
}
|
||||
.wpcfto-editor span.ql-formats:nth-last-child(3) {
|
||||
display: none!important;
|
||||
}
|
||||
.stm_metaboxes_grid__inner, .wpcfto_settings_head {
|
||||
max-width: unset!important;
|
||||
}
|
||||
.wpcfto-box-child.repeater {
|
||||
padding-top: 0;
|
||||
padding-right: calc(var(--bs-gutter-x) * .5);
|
||||
padding-left: calc(var(--bs-gutter-x) * .5);
|
||||
padding-bottom: 0;
|
||||
}
|
||||
#inactive.wpcfto_sorter_single > h6 {
|
||||
background-color: #999999;
|
||||
}
|
||||
.dropzone {
|
||||
border: 2px dashed #0073aa;
|
||||
border-radius: 5px;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
transition: background-color 0.3s;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.dropzone-area {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dropzone-area:hover {
|
||||
background-color: #f0f8ff;
|
||||
}
|
||||
|
||||
#thumbnailPreview {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#previewImage {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#uploadStatus {
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
}
|
||||
.child-field-title {
|
||||
border-radius: 10px;
|
||||
}
|
||||
.child-field-title.option-detail-opened {
|
||||
border-radius: 10px 10px 0 0;
|
||||
}
|
||||
.child-field-wrapper {
|
||||
border-top: unset;
|
||||
background-color: #666;
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
}
|
||||
.table>:not(caption)>*>* {
|
||||
background-color: unset!important;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.table.child-field-input-table tr:last-child th,
|
||||
.table.child-field-input-table tr:last-child td {
|
||||
border-bottom: unset!important;
|
||||
}
|
||||
.child-field-image-wrapper {
|
||||
border: 4px dashed #cccccc;
|
||||
padding: 10px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: .5em;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.the_buttons button {
|
||||
font-size: 10px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.child-fields-wrapper table th {
|
||||
vertical-align: top;
|
||||
}
|
||||
.trumbowyg-modal.trumbowyg-fixed-top {
|
||||
display: none;
|
||||
}
|
||||
.top-40 {
|
||||
top: 40px!important;
|
||||
}
|
||||
.sortable {
|
||||
touch-action: none;
|
||||
}
|
||||
52
admin/assets/css/admin-global.css
Normal file
52
admin/assets/css/admin-global.css
Normal file
@@ -0,0 +1,52 @@
|
||||
li#toplevel_page_formipay .wp-menu-image img {
|
||||
width: 18px;
|
||||
}
|
||||
li#toplevel_page_formipay a[href^="admin.php?page=formipay-orders"]:before,
|
||||
li#toplevel_page_formipay a[href^="admin.php?page=formipay-settings"]:before{
|
||||
border-bottom: 1px solid hsla(0, 0%, 100%, .2);
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 8px -15px 13px;
|
||||
content: "";
|
||||
width: calc(100% + 26px);
|
||||
}
|
||||
/** CHOICES */
|
||||
.category > .choices {
|
||||
min-width: 200px;
|
||||
}
|
||||
.choices__inner {
|
||||
max-width: 100%;
|
||||
width: unset;
|
||||
display: block;
|
||||
min-height: unset!important;
|
||||
padding: 2px!important;
|
||||
border: 1px solid #b7b7b7!important;
|
||||
border-radius: .5em!important;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.choices__list {
|
||||
display: block;
|
||||
}
|
||||
.choices__list:not(.choices__list--dropdown) {
|
||||
padding: 10px 14px;
|
||||
}
|
||||
.choices__list.choices__list--dropdown {
|
||||
margin-top: .5em;
|
||||
border-radius: .5em;
|
||||
}
|
||||
.choices__list.choices__list--dropdown > .choices__list {
|
||||
padding: 0;
|
||||
}
|
||||
.choices__item.choices__item--choice.is-selected.choices__item--selectable.is-highlighted {
|
||||
background-color: #277aff25!important;
|
||||
}
|
||||
/** END CHOICES */
|
||||
|
||||
.wp-submenu-wrap li:has(a[href="edit-tags.php?taxonomy=formipay-product-category&post_type=formipay-product"]) {
|
||||
display: none;
|
||||
}
|
||||
.wp-submenu-wrap li:has(a[href="admin.php?page=formipay-products"]).current ~ li:has(a[href="edit-tags.php?taxonomy=formipay-product-category&post_type=formipay-product"]),
|
||||
.wp-submenu-wrap li:has(a[href="admin.php?page=formipay-products"]):hover ~ li:has(a[href="edit-tags.php?taxonomy=formipay-product-category&post_type=formipay-product"]),
|
||||
.wp-submenu-wrap li:has(a[href="edit-tags.php?taxonomy=formipay-product-category&post_type=formipay-product"]).current {
|
||||
display: block;
|
||||
}
|
||||
93
admin/assets/css/admin-order-details.css
Normal file
93
admin/assets/css/admin-order-details.css
Normal file
@@ -0,0 +1,93 @@
|
||||
table#order-items-table th {
|
||||
width: 60%;
|
||||
}
|
||||
table#order-items-table td {
|
||||
width: 40%;
|
||||
text-align: right
|
||||
}
|
||||
table#order-items-table #order-total {
|
||||
color: #277aff!important;
|
||||
font-size: larger;
|
||||
font-weight: bold
|
||||
}
|
||||
.card {
|
||||
max-width: unset!important;
|
||||
}
|
||||
.card-header {
|
||||
font-size: 17px;
|
||||
font-weight: bold;
|
||||
}
|
||||
b.field-name {
|
||||
text-transform: capitalize;
|
||||
font-size: smaller;
|
||||
}
|
||||
.media, .recipient-type, .notification-status {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
/** Timeline Trx Tracking **/
|
||||
.rb-container {
|
||||
width: 50%;
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.rb-container ul.rb {
|
||||
margin: 2.5em 0 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.rb-container ul.rb li {
|
||||
list-style: none;
|
||||
margin: auto;
|
||||
min-height: 50px;
|
||||
border-left: 1px dashed #000;
|
||||
padding: 0 0 50px 30px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.rb-container ul.rb li:last-child {
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.rb-container ul.rb li::before {
|
||||
position: absolute;
|
||||
left: -10px;
|
||||
top: 0;
|
||||
content: " ";
|
||||
border: 10px solid rgba(0, 0, 0, 1);
|
||||
border-radius: 500%;
|
||||
background: #277aff;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
transition: all 500ms ease-in-out;
|
||||
}
|
||||
|
||||
.rb-container ul.rb li:hover::before {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
ul.rb li .timestamp {
|
||||
color: #277aff;
|
||||
position: relative;
|
||||
font-size: smaller;
|
||||
}
|
||||
input, select, .form-control, .form-select {
|
||||
height: 40px;
|
||||
}
|
||||
#order_status {
|
||||
width: 200px;
|
||||
}
|
||||
.access-link-wrapper {
|
||||
display: flex!important;
|
||||
}
|
||||
.access-link-wrapper > input {
|
||||
flex: 0 0 calc(100% - 100px)!important;
|
||||
}
|
||||
.access-link-wrapper > button {
|
||||
flex: 0 0 100px!important;
|
||||
}
|
||||
.top-40 {
|
||||
top: 40px!important;
|
||||
}
|
||||
43
admin/assets/css/admin-orders.css
Normal file
43
admin/assets/css/admin-orders.css
Normal file
@@ -0,0 +1,43 @@
|
||||
#formipay-orders table td {
|
||||
vertical-align: top;
|
||||
}
|
||||
th.gridjs-th[data-column-id=id],
|
||||
th.gridjs-th[data-column-id=date],
|
||||
th.gridjs-th[data-column-id=total],
|
||||
th.gridjs-th[data-column-id=paymentGateway],
|
||||
th.gridjs-th[data-column-id=status] {
|
||||
text-align: center;
|
||||
}
|
||||
td.gridjs-td[data-column-id=id],
|
||||
td.gridjs-td[data-column-id=paymentGateway],
|
||||
td.gridjs-td[data-column-id=date],
|
||||
td.gridjs-td[data-column-id=status] {
|
||||
text-align: center;
|
||||
}
|
||||
span.grand_total {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
span.grand_total img {
|
||||
margin-bottom: -4px;
|
||||
}
|
||||
span:has(.status-label) {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding-top: 5px;
|
||||
}
|
||||
span.status-label {
|
||||
padding: 5px 10px;
|
||||
border-radius: 5px;
|
||||
text-transform: capitalize;
|
||||
background-color: #999999;
|
||||
color: white;
|
||||
}
|
||||
span.status-label.Completed {
|
||||
background-color: #277aff;
|
||||
}
|
||||
.top-40 {
|
||||
top: 40px!important;
|
||||
}
|
||||
217
admin/assets/css/admin-pages.css
Normal file
217
admin/assets/css/admin-pages.css
Normal file
@@ -0,0 +1,217 @@
|
||||
body {
|
||||
background-color: #f0f0f1!important;
|
||||
}
|
||||
#screen-meta-links:not(:has(button.screen-meta-active)), #screen-meta {
|
||||
margin-top: -2em;
|
||||
}
|
||||
/** Header **/
|
||||
div#wpbody-content {
|
||||
position: relative;
|
||||
}
|
||||
.formipay-screen-menu {
|
||||
margin-left: -20px;
|
||||
margin-bottom: 2em;
|
||||
padding: 10px 20px 10px 50px;
|
||||
background-color: white;
|
||||
display: flex;
|
||||
gap: 1em;
|
||||
align-items: center;
|
||||
position: sticky;
|
||||
top: 32px;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
box-shadow: 0 10px 20px #d2d2d2
|
||||
}
|
||||
.formipay-screen-menu h1 {
|
||||
font-size: 24px!important;
|
||||
color: #1d2327;
|
||||
margin: .67em 0;
|
||||
}
|
||||
.screen-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1em;
|
||||
}
|
||||
.formipay-screen-menu > img {
|
||||
width: 56px;
|
||||
}
|
||||
/** END Header **/
|
||||
|
||||
/** Metabox */
|
||||
.stm_metaboxes_grid__inner .wpcfto-tab {
|
||||
padding: 0!important;
|
||||
}
|
||||
.stm_metaboxes_grid__inner #appearance {
|
||||
padding-right: 0!important;
|
||||
}
|
||||
.stm_metaboxes_grid__inner #appearance .row {
|
||||
margin-left: 0!important;
|
||||
}
|
||||
.stm_metaboxes_grid__inner #appearance .column {
|
||||
padding: 1.8rem!important;
|
||||
}
|
||||
.wpcfto-tab.active {
|
||||
padding-right: 0!important;
|
||||
}
|
||||
.wpcfto-tab.active > .container > .row {
|
||||
margin: 0!important;
|
||||
}
|
||||
.wpcfto-repeater-single:not(:first-child) {
|
||||
border-top: 1px solid #ccc!important;
|
||||
}
|
||||
.wpcfto_settings_head+.stm_metaboxes_grid .stm_metaboxes_grid__inner .row .column {
|
||||
padding-right: 1.8rem!important;
|
||||
}
|
||||
.wpcfto_group_started .wpcfto_generic_field_editor {
|
||||
padding: 0!important;
|
||||
}
|
||||
.trumbowyg-textarea {
|
||||
min-height: 14em !important;
|
||||
height: unset!important;
|
||||
}
|
||||
.wpcfto-editor span.ql-formats:nth-last-child(3) {
|
||||
display: none!important;
|
||||
}
|
||||
.stm_metaboxes_grid__inner, .wpcfto_settings_head {
|
||||
max-width: unset!important;
|
||||
}
|
||||
.wpcfto-box-child.repeater {
|
||||
padding-top: 0;
|
||||
padding-right: calc(var(--bs-gutter-x) * .5);
|
||||
padding-left: calc(var(--bs-gutter-x) * .5);
|
||||
padding-bottom: 0;
|
||||
}
|
||||
#inactive.wpcfto_sorter_single > h6 {
|
||||
background-color: #999999;
|
||||
}
|
||||
.wpcfto_sorter .list-group-item.disable {
|
||||
color: #8c99a5;
|
||||
background-color: #efefef;
|
||||
}
|
||||
.wpcfto_sorter .list-group-item.disable:hover {
|
||||
color: #f72657;
|
||||
}
|
||||
.wpcfto_sorter .list-group-item i {
|
||||
float: right;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.choices {
|
||||
overflow: visible!important;
|
||||
margin-right: .5rem;
|
||||
}
|
||||
/** Table **/
|
||||
.post-action a {
|
||||
text-decoration: none;
|
||||
}
|
||||
button#formipay-delete-selected {
|
||||
min-height: 44px;
|
||||
margin-bottom: 0!important;
|
||||
border-radius: .5rem;
|
||||
color: #58151c;
|
||||
font-size: 16px;
|
||||
padding: 5px 10px;
|
||||
text-decoration: none;
|
||||
border-radius: .5em;
|
||||
border: 1px solid #58151c;
|
||||
background-color: #f1aeb5;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
.table-toolbar {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.post-status-wrapper {
|
||||
display: flex;
|
||||
gap: .5rem;
|
||||
align-items: center;
|
||||
}
|
||||
.post-status-wrapper a {
|
||||
color: #999999;
|
||||
cursor: pointer;
|
||||
}
|
||||
.post-status-wrapper a[data-active=true] {
|
||||
color: #277aff;
|
||||
font-weight: bold;
|
||||
}
|
||||
table.gridjs-table th, button.gridjs-currentPage {
|
||||
background: #277aff!important;
|
||||
color: #ffffff;
|
||||
}
|
||||
table.gridjs-table tr *:is(th, td):first-child {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
.gridjs-pagination button:hover {
|
||||
background-color: #277aff!important;
|
||||
color: white!important;
|
||||
}
|
||||
.gridjs-head {
|
||||
display: none;
|
||||
}
|
||||
#reset-filter {
|
||||
color: #277aff;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
}
|
||||
.filter-bar {
|
||||
display: flex;
|
||||
gap: .5em;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
.filter-bar select, .filter-bar input{
|
||||
padding: .5em 1em;
|
||||
border-radius: .5em;
|
||||
color: #666666 !important;
|
||||
border: 1px solid #b7b7b7 !important;
|
||||
min-height: 44px !important;
|
||||
}
|
||||
.filter-bar select {
|
||||
padding-right: 1.75em;
|
||||
}
|
||||
.gridjs-pages > * {
|
||||
padding: 1em 1.5em!important;
|
||||
}
|
||||
/** END Table **/
|
||||
|
||||
/** SweetAlert2 **/
|
||||
button.swal2-confirm.swal2-styled {
|
||||
background-color: rgb(39, 122, 255)!important;
|
||||
}
|
||||
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
|
||||
box-shadow: 0 0 0 3px rgba(39, 122, 255, .5)!important;
|
||||
}
|
||||
.top-40 {
|
||||
top: 40px!important;
|
||||
}
|
||||
/** END SweetAlert2 **/
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.formipay-screen-menu {
|
||||
top: 0;
|
||||
align-items: start;
|
||||
}
|
||||
.screen-title h1 {
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
.screen-title {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.filter-bar {
|
||||
flex-direction: column;
|
||||
align-items: start;
|
||||
}
|
||||
.filter-bar,
|
||||
.filter-bar > *:not(:first-child),
|
||||
.filter-bar > *:not(:first-child) > * {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
140
admin/assets/css/admin-product-editor.css
Normal file
140
admin/assets/css/admin-product-editor.css
Normal file
@@ -0,0 +1,140 @@
|
||||
#product-variables-table {
|
||||
padding: 0;
|
||||
}
|
||||
#product-variables-table > .wpcfto-field-content {
|
||||
width: 100%;
|
||||
}
|
||||
#product-variables-table > .wpcfto-field-content > table.wpcfto-table {
|
||||
width:100%;
|
||||
margin-bottom:1em;
|
||||
}
|
||||
#product-variables-table > .wpcfto-field-content > table.wpcfto-table th {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
th[data-cell="name"] {
|
||||
text-align: left!important;
|
||||
}
|
||||
th[data-cell="price"], td[data-cell="price"],
|
||||
th[data-cell="sale"], td[data-cell="sale"] {
|
||||
max-width: 150px;
|
||||
}
|
||||
th[data-cell="stock"], td[data-cell="stock"],
|
||||
th[data-cell="weight"], td[data-cell="weight"] {
|
||||
max-width: 100px;
|
||||
}
|
||||
|
||||
/* Toggle Switch Styles */
|
||||
.switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 36px;
|
||||
height: 20px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.switch input { display:none; }
|
||||
.slider {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
background-color: #ccc;
|
||||
border-radius: 20px;
|
||||
top: 0; left: 0; right: 0; bottom: 0;
|
||||
transition: .4s;
|
||||
}
|
||||
.slider:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 16px; width: 16px;
|
||||
left: 2px; bottom: 2px;
|
||||
background-color: white;
|
||||
border-radius: 50%;
|
||||
transition: .4s;
|
||||
}
|
||||
input:checked + .slider {
|
||||
background-color: #2985f7;
|
||||
}
|
||||
input:checked + .slider:before {
|
||||
transform: translateX(16px);
|
||||
}
|
||||
|
||||
/* Gray out inactive rows */
|
||||
.variation-inactive {
|
||||
background: #eee !important;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.price-input-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.price-input-wrapper span {
|
||||
background: #eee;
|
||||
padding: 0 8px;
|
||||
border-right: 1px solid #ccc;
|
||||
user-select: none;
|
||||
white-space: nowrap;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.price-input-wrapper input {
|
||||
border: none!important;
|
||||
outline: none;
|
||||
padding: 6px 8px!important;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.button-link.child-row-toggle {
|
||||
transition: all .5s ease-out;
|
||||
}
|
||||
.button-link.child-row-toggle:active,
|
||||
.button-link.child-row-toggle:focus {
|
||||
box-shadow: unset!important;
|
||||
}
|
||||
.button-link.child-row-toggle.active {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
td.manual-price-hint {
|
||||
color: #8c99a5;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.variation-details-content {
|
||||
padding: 1rem;
|
||||
border: 1px dashed #bec5cb;
|
||||
border-radius: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.price-input-wrapper > .price-currency {
|
||||
min-width: 40px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
table.wpcfto-table.inner-table {
|
||||
width: 100%;
|
||||
border-collapse:collapse
|
||||
}
|
||||
|
||||
table.wpcfto-table.inner-table tr > th {
|
||||
text-transform: uppercase;
|
||||
background-color: #bec5cb;
|
||||
padding: 5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
table.wpcfto-table.inner-table tr td {
|
||||
padding: 5px 0 5px 5px;
|
||||
}
|
||||
table.wpcfto-table.inner-table tbody tr:hover td {
|
||||
background-color: #dfe7ee;
|
||||
}
|
||||
table.wpcfto-table.inner-table tr > *:is(th, td):first-child {
|
||||
width: 50%;
|
||||
text-align: left;
|
||||
}
|
||||
16
admin/assets/css/admin-setting.css
Normal file
16
admin/assets/css/admin-setting.css
Normal file
@@ -0,0 +1,16 @@
|
||||
.nav-link.active:hover {
|
||||
color: white;
|
||||
}
|
||||
.form-check.form-switch {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.form-switch .form-check-input {
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.formipay-editor-tab-content .card {
|
||||
max-width: unset;
|
||||
}
|
||||
.top-40 {
|
||||
top: 40px!important;
|
||||
}
|
||||
155
admin/assets/css/classic-editor.css
Normal file
155
admin/assets/css/classic-editor.css
Normal file
@@ -0,0 +1,155 @@
|
||||
.wp-header-end {
|
||||
margin: 30px 0 0;
|
||||
}
|
||||
/* === Title Input Box === */
|
||||
#title {
|
||||
font-size: 1.5rem!important;
|
||||
padding: 16px!important;
|
||||
border-radius: 8px;
|
||||
border: unset;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||
margin-bottom: 15px!important;
|
||||
height: unset!important;
|
||||
}
|
||||
|
||||
/* === Meta Boxes General Styling === */
|
||||
.postbox {
|
||||
background-color: #fff;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,0.1);
|
||||
padding: 15px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.postbox h2.hndle {
|
||||
font-size: 1.1rem!important;
|
||||
padding: 10px 15px 10px 0!important;
|
||||
border-radius: 6px 6px 0 0;
|
||||
cursor: pointer!important;
|
||||
}
|
||||
|
||||
/* === Publish Box (Right Side) === */
|
||||
#submitdiv {
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,0.1);
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
#submitdiv h3 {
|
||||
background-color: #f1f1f1;
|
||||
padding: 10px 15px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
#submitdiv .inside {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#publishing-action {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#publishing-action input[type="submit"] {
|
||||
font-size: 1rem;
|
||||
padding: 10px 25px;
|
||||
border-radius: 6px;
|
||||
border: none;
|
||||
background-color: #0073aa;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
#major-publishing-actions {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 10px 0;
|
||||
flex-direction: column-reverse;
|
||||
gap: 1rem;
|
||||
}
|
||||
#major-publishing-actions > *,
|
||||
#major-publishing-actions > * > * {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
#major-publishing-actions .spinner {
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
background: unset;
|
||||
margin: unset;
|
||||
display: unset;
|
||||
}
|
||||
a#post-preview {
|
||||
width: 100%;
|
||||
padding: 5px 15px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
#minor-publishing-actions {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* === Categories / Tags Boxes === */
|
||||
#categorydiv,
|
||||
#tagsdiv-post_tag {
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,0.1);
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#categorydiv h3,
|
||||
#tagsdiv-post_tag h3 {
|
||||
background-color: #f5f5f5;
|
||||
padding: 10px 15px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
#categorychecklist li label,
|
||||
#tagchecklist span a {
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
#tag-input {
|
||||
border-radius: 6px;
|
||||
padding: 6px 10px;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
.inside:has(.categorydiv) {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.category-tabs li.tabs, input#formipay-product-category-add-submit {
|
||||
border: 1px solid #0073aa;
|
||||
background-color: white;
|
||||
border-radius: 5px;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
ul.category-tabs li.tabs a{
|
||||
color: #0073aa!important;
|
||||
outline: unset;
|
||||
border: unset;
|
||||
box-shadow: unset;
|
||||
}
|
||||
ul.category-tabs li.tabs a:focus,
|
||||
ul.category-tabs li.tabs a:active {
|
||||
outline: unset;
|
||||
border: unset;
|
||||
box-shadow: unset;
|
||||
}
|
||||
.categorydiv .tabs-panel {
|
||||
border: unset!important;
|
||||
}
|
||||
|
||||
/* === WYSIWYG Editor (TinyMCE) === */
|
||||
.mce-container {
|
||||
border-radius: 8px !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.mce-toolbar-grp {
|
||||
background-color: #f5f5f5 !important;
|
||||
border-bottom: 1px solid #ddd !important;
|
||||
}
|
||||
30
admin/assets/css/form-field.css
Normal file
30
admin/assets/css/form-field.css
Normal file
@@ -0,0 +1,30 @@
|
||||
.formipay-label {
|
||||
width: 100%;
|
||||
font-weight: bold;
|
||||
font-size: smaller;
|
||||
margin-bottom: 3px
|
||||
}
|
||||
.formipay-input {
|
||||
width: 100%;
|
||||
padding-right: 1em!important;
|
||||
padding-left: 1em!important;
|
||||
}
|
||||
.formipay-input:not([type=radio]):not([type=checkbox]){
|
||||
min-height: 30px;
|
||||
}
|
||||
.formipay-select {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
padding-right: 1em!important;
|
||||
padding-left: 1em!important;
|
||||
}
|
||||
.formipay-inline-desc {
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
}
|
||||
.repeater-child-input:first-child .delete-option {
|
||||
display: none;
|
||||
}
|
||||
.top-40 {
|
||||
top: 40px!important;
|
||||
}
|
||||
31
admin/assets/css/global-setting.css
Normal file
31
admin/assets/css/global-setting.css
Normal file
@@ -0,0 +1,31 @@
|
||||
.stm_metaboxes_grid__inner, .wpcfto_settings_head {
|
||||
max-width: 100%!important;
|
||||
}
|
||||
.wpcfto-settings[data-vue=formipay_settings] .wpcfto-field-aside {
|
||||
width: 25%;
|
||||
}
|
||||
.wpcfto-settings[data-vue=formipay_settings] .wpcfto-field-content {
|
||||
width: 75%;
|
||||
}
|
||||
.wpcfto-repeater-single:not(:first-child) {
|
||||
border-top: 1px solid #ccc!important;
|
||||
}
|
||||
.paypal-instruction-point {
|
||||
list-style: auto;
|
||||
}
|
||||
.global-paypal-instruction ul:not(.paypal-instruction-point) {
|
||||
list-style: disc;
|
||||
}
|
||||
.global-paypal-instruction > h5 {
|
||||
font-size: 16px!important;
|
||||
font-weight: bold;
|
||||
}
|
||||
.global-paypal-instruction b {
|
||||
font-weight: bold;
|
||||
}
|
||||
.global-paypal-instruction ul {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
.top-40 {
|
||||
top: 40px!important;
|
||||
}
|
||||
61
admin/assets/css/page-access-items.css
Normal file
61
admin/assets/css/page-access-items.css
Normal file
@@ -0,0 +1,61 @@
|
||||
#formipay-access-items table td {
|
||||
vertical-align: top;
|
||||
}
|
||||
a#add-new-item {
|
||||
color: #277aff;
|
||||
font-size: 16px;
|
||||
padding: 5px 10px;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #277aff;
|
||||
}
|
||||
a#add-new-item:hover {
|
||||
color: #ffffff;
|
||||
background-color: #277aff;
|
||||
}
|
||||
th.gridjs-th[data-column-id=id],
|
||||
th.gridjs-th[data-column-id=type],
|
||||
th.gridjs-th[data-column-id=status] {
|
||||
text-align: center;
|
||||
}
|
||||
td.gridjs-td[data-column-id=id],
|
||||
td.gridjs-td[data-column-id=type],
|
||||
td.gridjs-td[data-column-id=status] {
|
||||
text-align: center;
|
||||
}
|
||||
td.gridjs-td[data-column-id=productRelation] > span {
|
||||
display: flex;
|
||||
gap: .5em;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
div#formipay-access-items td svg {
|
||||
margin-right: .25em;
|
||||
margin-bottom: -4px;
|
||||
}
|
||||
.product_related {
|
||||
background-color: #dedede;
|
||||
padding: 5px 7px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
span:has(.status-label) {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding-top: 5px;
|
||||
}
|
||||
span.status-label {
|
||||
padding: 5px 10px;
|
||||
border-radius: 5px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
span.status-label.publish {
|
||||
background-color: #277aff;
|
||||
color: white;
|
||||
}
|
||||
span.status-label.draft {
|
||||
background-color: #999999;
|
||||
color: white;
|
||||
}
|
||||
.top-40 {
|
||||
top: 40px!important;
|
||||
}
|
||||
75
admin/assets/css/page-coupons.css
Normal file
75
admin/assets/css/page-coupons.css
Normal file
@@ -0,0 +1,75 @@
|
||||
#formipay-coupons table td {
|
||||
vertical-align: top;
|
||||
}
|
||||
a#add-new-coupon {
|
||||
color: #277aff;
|
||||
font-size: 16px;
|
||||
padding: 5px 10px;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #277aff;
|
||||
}
|
||||
a#add-new-coupon:hover {
|
||||
color: #ffffff;
|
||||
background-color: #277aff;
|
||||
}
|
||||
.formipay-form-shortcode {
|
||||
padding: .5em;
|
||||
border-radius: .5em;
|
||||
color: #666666!important;
|
||||
border: 1px solid #b7b7b7!important;
|
||||
}
|
||||
|
||||
td.gridjs-td[data-column-id=productRelation] > span {
|
||||
display: flex;
|
||||
gap: .5em;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.product_related {
|
||||
background-color: #dedede;
|
||||
padding: 5px 7px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
span.product_related img {
|
||||
margin-bottom: -3px;
|
||||
}
|
||||
th.gridjs-th[data-column-id=id],
|
||||
th.gridjs-th[data-column-id=usages],
|
||||
th.gridjs-th[data-column-id=type],
|
||||
th.gridjs-th[data-column-id=dateLimit],
|
||||
th.gridjs-th[data-column-id=status] {
|
||||
text-align: center;
|
||||
}
|
||||
td.gridjs-td[data-column-id=id],
|
||||
td.gridjs-td[data-column-id=usages],
|
||||
td.gridjs-td[data-column-id=type],
|
||||
td.gridjs-td[data-column-id=dateLimit] {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
th.gridjs-th[data-column-id=amount],
|
||||
td.gridjs-td[data-column-id=amount] {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
span:has(.status-label) {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding-top: 5px;
|
||||
}
|
||||
span.status-label {
|
||||
padding: 5px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
span.status-label.active {
|
||||
background-color: #277aff;
|
||||
color: white;
|
||||
}
|
||||
span.status-label.inactive {
|
||||
background-color: #999999;
|
||||
color: white;
|
||||
}
|
||||
.top-40 {
|
||||
top: 40px!important;
|
||||
}
|
||||
77
admin/assets/css/page-forms.css
Normal file
77
admin/assets/css/page-forms.css
Normal file
@@ -0,0 +1,77 @@
|
||||
#formipay-forms table td {
|
||||
vertical-align: top;
|
||||
}
|
||||
.formipay-screen-menu a {
|
||||
color: #277aff;
|
||||
font-size: 16px;
|
||||
padding: 5px 10px;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #277aff;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
.formipay-screen-menu a:hover {
|
||||
color: #ffffff;
|
||||
background-color: #277aff;
|
||||
}
|
||||
.formipay-form-shortcode {
|
||||
padding: .5em;
|
||||
border-radius: .5em;
|
||||
color: #666666!important;
|
||||
border: 1px solid #b7b7b7!important;
|
||||
}
|
||||
|
||||
th.gridjs-th[data-column-id=id], th.gridjs-th[data-column-id=date], th.gridjs-th[data-column-id=status],
|
||||
td.gridjs-td[data-column-id=id], td.gridjs-td[data-column-id=date], td.gridjs-td[data-column-id=status] {
|
||||
text-align: center;
|
||||
}
|
||||
.gridjs-pages > * {
|
||||
padding: 1em 1.5em!important;
|
||||
}
|
||||
span:has(.formipay-form-shortcode){
|
||||
display: flex;
|
||||
gap: 5px;
|
||||
max-width: 100%;
|
||||
flex-wrap: nowrap
|
||||
}
|
||||
.formipay-form-shortcode {
|
||||
flex: 0 1 200px;
|
||||
width: unset!important;
|
||||
max-width: unset!important;
|
||||
min-width: unset!important;
|
||||
}
|
||||
button.copy-shortcode {
|
||||
border: 1px solid #b7b7b7;
|
||||
height: 32px;
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
button.copy-shortcode svg {
|
||||
margin-bottom: -4px;
|
||||
}
|
||||
span:has(.status-label) {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding-top: 5px;
|
||||
}
|
||||
span.status-label {
|
||||
padding: 5px 10px;
|
||||
border-radius: 5px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
span.status-label.publish {
|
||||
background-color: #277aff;
|
||||
color: white;
|
||||
}
|
||||
span.status-label.draft {
|
||||
background-color: #999999;
|
||||
color: white;
|
||||
}
|
||||
.top-40 {
|
||||
top: 40px!important;
|
||||
}
|
||||
91
admin/assets/css/page-product-taxonomy.css
Normal file
91
admin/assets/css/page-product-taxonomy.css
Normal file
@@ -0,0 +1,91 @@
|
||||
.tablenav.top:has(.no-pages) {
|
||||
display: none;
|
||||
}
|
||||
#col-container {
|
||||
margin-top: 3em;
|
||||
}
|
||||
div#col-left {
|
||||
background-color: white;
|
||||
border-radius: 8px;
|
||||
}
|
||||
div#col-left .form-wrap {
|
||||
padding: 1em
|
||||
}
|
||||
div#col-left input, div#col-left select, div#col-left textarea {
|
||||
max-width: none;
|
||||
width: 100%!important;
|
||||
}
|
||||
#col-right .col-wrap {
|
||||
padding-left: 1em
|
||||
}
|
||||
input, textarea{
|
||||
padding: .5em 1em!important;
|
||||
border-radius: .5em!important;
|
||||
color: #666666 !important;
|
||||
border: 1px solid #b7b7b7 !important;
|
||||
}
|
||||
select {
|
||||
padding: .5em 1.5em .5em 1em!important;
|
||||
border-radius: .5em!important;
|
||||
color: #666666 !important;
|
||||
border: 1px solid #b7b7b7 !important;
|
||||
}
|
||||
thead > tr > * {
|
||||
padding: 1em !important;
|
||||
background: #277aff!important;
|
||||
color: #ffffff;
|
||||
border: 1px solid #e5e7eb;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
tfoot > tr > * {
|
||||
padding: 1em!important;
|
||||
border: 1px solid #e5e7eb;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
td, tbody > tr > *:first-child {
|
||||
padding: .5em 1em!important;
|
||||
border: 1px solid #e5e7eb;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
th a {
|
||||
padding: 0!important;
|
||||
}
|
||||
thead a {
|
||||
color: white!important;
|
||||
}
|
||||
td a{
|
||||
padding: 0!important;
|
||||
}
|
||||
table {
|
||||
margin-top: 1.25em!important;
|
||||
border-radius: 8px!important;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.tablenav.top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tablenav.top > .tablenav-pages {
|
||||
display: none;
|
||||
}
|
||||
table > thead {
|
||||
border-radius: 8px 8px 0 0!important;
|
||||
}
|
||||
table > thead > tr > *:first-child {
|
||||
border-top-left-radius: 8px!important;
|
||||
}
|
||||
table > thead > tr > *:last-child {
|
||||
border-top-right-radius: 8px!important;
|
||||
}
|
||||
thead th.sorted span.sorting-indicator.asc::before {
|
||||
color: white!important;
|
||||
}
|
||||
input#submit {
|
||||
background: #277aff!important;
|
||||
color: #ffffff!important;
|
||||
border: unset!important;
|
||||
}
|
||||
.top-40 {
|
||||
top: 40px!important;
|
||||
}
|
||||
96
admin/assets/css/page-products.css
Normal file
96
admin/assets/css/page-products.css
Normal file
@@ -0,0 +1,96 @@
|
||||
#formipay-forms table td {
|
||||
vertical-align: top;
|
||||
}
|
||||
.formipay-screen-menu a {
|
||||
color: #277aff;
|
||||
font-size: 16px;
|
||||
padding: 5px 10px;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #277aff;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
.formipay-screen-menu a:hover {
|
||||
color: #ffffff;
|
||||
background-color: #277aff;
|
||||
}
|
||||
|
||||
/** Table **/
|
||||
td.gridjs-td[data-column-id=price] .price {
|
||||
text-wrap: nowrap;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: .5em;
|
||||
justify-content: space-between;
|
||||
}
|
||||
th.gridjs-th[data-column-id=id],
|
||||
th.gridjs-th[data-column-id=type],
|
||||
th.gridjs-th[data-column-id=price],
|
||||
th.gridjs-th[data-column-id=stock],
|
||||
th.gridjs-th[data-column-id=status] {
|
||||
text-align: center;
|
||||
}
|
||||
td.gridjs-td[data-column-id=id],
|
||||
td.gridjs-td[data-column-id=type],
|
||||
td.gridjs-td[data-column-id=price],
|
||||
td.gridjs-td[data-column-id=stock],
|
||||
td.gridjs-td[data-column-id=status] {
|
||||
text-align: center;
|
||||
}
|
||||
.gridjs-pages > * {
|
||||
padding: 1em 1.5em!important;
|
||||
}
|
||||
span:has(.status-label) {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding-top: 5px;
|
||||
}
|
||||
span.status-label {
|
||||
padding: 5px 10px;
|
||||
border-radius: 5px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
span.status-label.publish {
|
||||
background-color: #277aff;
|
||||
color: white;
|
||||
}
|
||||
span.status-label.draft {
|
||||
background-color: #999999;
|
||||
color: white;
|
||||
}
|
||||
.top-40 {
|
||||
top: 40px!important;
|
||||
}
|
||||
|
||||
/** SWAL new Product **/
|
||||
div#swal2-html-container table th {
|
||||
width: 45%;
|
||||
}
|
||||
div#swal2-html-container table td {
|
||||
width: 55%;
|
||||
}
|
||||
#swal2-html-container input {
|
||||
border: 1px solid #b7b7b7 !important;
|
||||
border-radius: .5em !important;
|
||||
}
|
||||
#swal2-html-container input:not(type="checkbox"):not(type="radio"){
|
||||
height: 34px!important;
|
||||
padding: 10px 14px!important;
|
||||
width: 100%!important;
|
||||
max-width: unset!important;
|
||||
margin: unset!important;
|
||||
}
|
||||
#swal2-html-container *:is(th, td) > * {
|
||||
margin: unset!important;
|
||||
text-align: left;
|
||||
}
|
||||
#swal2-html-container *:is(th, td){
|
||||
height: 40px;
|
||||
}
|
||||
#swal2-html-container tr:not(:last-child) *:is(th, td) {
|
||||
border-bottom: 1px solid #b7b7b7;
|
||||
}
|
||||
Reference in New Issue
Block a user