UI
flexsoft.site by missyano
Details
Authormissyano
LicenseNo License
Categoryflexsoft.site:7400
Created
Updated
Size54 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name flexsoft.site
@version 20230904.04.27
@namespace userstyles.world/user/missyano
@description UI
@author missyano
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://flexsoft.site:7400/#home_page") {
@import url('https://fonts.googleapis.com/css?family=Inter');
body {
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
color: #596882 !important;
}
/*
jdl-edit-pane[data-role='edit-pane'] {
height: 150px;
overflow: auto;
}
*/
.mdc-toolbar__title {
font-size: 23px !important;
color: #1B2E4B;
letter-spacing: 0px;
font-family: Inter, sans-serif;
padding: 16px;
margin-left: 0px;
}
.mdc-toolbar {
color: #272D37;
background: #fff;
cursor: default;
}
.mdc-toolbar .left {
padding: 8px;
}
.mdc-toolbar > a {
padding: 8px;
background: #7987A1;
color: white;
border-radius: 4px;
}
jdl-edit-pane.width3 .mdc-form-field {
width: 32.33%;
}
jdl-edit-pane.width3 .mdc-form-field.wide {
width: 65.66%;
/* 49% + 1*/
}
/* jdl-add-pane .mdc-form-field, */
jdl-edit-pane .mdc-form-field {
width: 24%;
margin-right: 1%;
height: 21px;
margin-top: 1px;
margin-bottom: 1px;
}
jdl-add-pane .mdc-textfield_input,
jdl-edit-pane .mdc-textfield_input,
jdl-add-pane button,
jdl-edit-pane button,
jdl-add-pane .mdc-select,
jdl-edit-pane .mdc-select {
padding-left: 16px;
padding-right: 16px;
border: 1px solid #c0ccda;
border-radius: 4px;
}
.mdc-toolbar {
border-bottom: 1px solid #E3E7ED;
color: #272D37;
cursor: pointer;
}
.mdc-toolbar .left {
padding: 8px;
}
.mdc-textfield:not(.mdc-textfield--upgraded):not(.mdc-textfield--multiline) .mdc-textfield__input {
text-align: left;
color: #1B2E4B;
}
.mdc-button--primary.mdc-button--raised {
margin-right: 8px;
background-color: #0168FA;
border-radius: 4px;
font-weight: normal;
line-height: 1.5rem;
padding-top: 6px;
}
.mdc-button--raised {
-webkit-box-shadow: none;
box-shadow: none;
min-width: unset;
}
tbody tr,
jdl-listview > div[data-item-id],
jdl-listview[data-role = "disabled-list"] > div[data-item-id],
div[data-role = "container"] > div[data-item-id],
.tr {
background: none;
border-bottom: 1px solid #E5E9F2;
}
table,
jdl-listview,
jdl-listview[data-role = "disabled-list"] {
color: #596882;
}
.tabs {
margin-top: 24px;
}
th,
.th,
td,
jdl-listview > div[data-item-id],
jdl-listview[data-role = "disabled-list"] > div[data-item-id],
div[data-role = "container"] > div[data-item-id],
.tr > span {
text-overflow: inherit;
}
th,
.th {
text-align: center;
}
span#company_name {
font-weight: 700;
font-size: 18px;
font-family: Inter, sans-serif;
line-height: 30px;
color: #1B2E4B;
letter-spacing: 0.5px;
}
/* Increase font weight for Status, docutment number to increase the hierarcy */
jdl-edit-pane > div[data-name = "STATUS"],
jdl-edit-pane > div[data-name = "STATUS"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "QNO"],
jdl-edit-pane > div[data-name = "QNO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "ORDNO"],
jdl-edit-pane > div[data-name = "ORDNO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "DONO"],
jdl-edit-pane > div[data-name = "DONO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "CNNO"],
jdl-edit-pane > div[data-name = "CNNO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "CASHNO"],
jdl-edit-pane > div[data-name = "CASHNO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "PONO"],
jdl-edit-pane > div[data-name = "PONO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "GRNNO"],
jdl-edit-pane > div[data-name = "GRNNO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "DNNO"],
jdl-edit-pane > div[data-name = "DNNO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "SRFNO"],
jdl-edit-pane > div[data-name = "SRFNO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "STFNO"],
jdl-edit-pane > div[data-name = "STFNO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "ADJNO"],
jdl-edit-pane > div[data-name = "ADJNO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "CHKNO"],
jdl-edit-pane > div[data-name = "CHKNO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "ASSNO"],
jdl-edit-pane > div[data-name = "ASSNO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "RECNO"],
jdl-edit-pane > div[data-name = "RECNO"] > div > .mdc-textfield__input.ui-disabled jdl-edit-pane > div[data-name = "CRECNO"],
jdl-edit-pane > div[data-name = "CRECNO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "PAYNO"],
jdl-edit-pane > div[data-name = "PAYNO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "CPAYNO"],
jdl-edit-pane > div[data-name = "CPAYNO"] > div > .mdc-textfield__input.ui-disabled,
jdl-edit-pane > div[data-name = "JNO"],
jdl-edit-pane > div[data-name = "JNO"] > div > .mdc-textfield__input.ui-disabled {
font-weight: 710;
text-align: left;
}
jdl-edit-pane.width3 .mdc-form-field {
width: 32.33%;
}
/* checking */
jdl-add-pane .mdc-textfield,
jdl-edit-pane .mdc-textfield {
font-size: 12px;
height: auto;
/* margin-top: 0px; */
/* margin-bottom: 0px; */
}
jdl-add-pane .mdc-form-field input:not([type = "checkbox"]),
jdl-edit-pane .mdc-form-field input:not([type = "checkbox"]) {
font-size: 14px;
/*! margin-top: 0px; */
/*! margin-bottom: 0px; */
border: 1px solid #c0ccda;
height: 24px;
}
jdl-add-pane .mdc-form-field > button,
jdl-edit-pane .mdc-form-field > button,
jdl-edit-pane .mdc-form-field > div > button {
user-select: inherit;
height: 30px;
font-size: 14px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 6px;
border-top: 1px solid #f2f2f2 !important;
border-left: 1px solid #f2f2f2 !important;
border-right: 1px solid #f2f2f2 !important;
border-bottom: 1px solid #f2f2f2 !important;
padding-top: 0px;
padding-right: 8px;
padding-left: initial;
line-height: inherit;
}
jdl-add-pane .mdc-form-field > button.mdc-select,
jdl-edit-pane .mdc-form-field > button.mdc-select {
margin-left: 0px;
font-family: Inter, sans-serif;
border: 1px solid #C0CCDA !important;
height: 30px !important;
border-radius: inherit;
display: inline-block;
background: white;
}
jdl-add-pane .mdc-form-field > textarea,
jdl-edit-pane .mdc-form-field > textarea {
font-family: 'IBM Plex Sans', sans-serif;
font-size: 13px;
margin-left: 6px;
border: #c0ccda solid 1px;
border-radius: 4px;
}
jdl-add-pane .mdc-form-field.wide,
jdl-edit-pane .mdc-form-field.wide {
width: 49%;
/* 49% + 1*/
margin-Right: 1%;
}
jdl-add-pane .mdc-form-field.wide > .mdc-textfield,
jdl-edit-pane .mdc-form-field.wide > .mdc-textfield {
margin-left: -2px;
/* Wide field | Remarks */
}
jdl-add-pane .mdc-form-field.wide > textarea,
jdl-edit-pane .mdc-form-field.wide > textarea {
margin-left: 5px;
border-top: 1px solid #f2f2f2 !important;
border-left: 1px solid #f2f2f2 !important;
border-right: 1px solid #f2f2f2 !important;
border-bottom: 1px solid #f2f2f2 !important;
}
/* Page: Product */
jdl-edit-pane div[data-name = "ACTIVE"] > label,
jdl-edit-pane div[data-name = "NONTRADE"] > label,
jdl-edit-pane div[data-name = "NONSTOCK"] > label,
jdl-edit-pane div[data-name = "CONSIGN"] > label,
jdl-edit-pane div[data-name = "PROMOTER"] > label,
jdl-edit-pane div[data-name = "ISWEIGHT"] > label,
jdl-edit-pane div[data-name = "SERIAL"] > label {
width: 60%;
}
/*
jdl-add-pane#edit_product_pane.width3,
jdl-edit-pane#edit_product_pane.width3 {
background: blue;
}
*/
/*
jdl-add-pane#edit_product_cost_pane.width2,
jdl-edit-pane#edit_product_cost_pane.width2 {
background: white;
}
*/
/*
jdl-edit-pane#edit_product_cost_pane.width2 .mdc-form-field {
height: auto;
}
*/
/* Mike: edit_product_page */
jdl-add-pane.width3 .mdc-form-field > label {
padding-left: 7px;
font-size: 11px;
font-family: Inter, sans-serif;
align-self: flex-start;
}
/* General: eg. Sales Order */
jdl-add-pane .mdc-form-field.wide input,
jdl-edit-pane .mdc-form-field.wide input {
padding-left: 1px !important;
height: Auto;
/* look like 17px */
/* height: 20px; */
}
jdl-add-pane.width2 .mdc-form-field,
jdl-edit-pane.width2 .mdc-form-field {
width: 49%;
}
jdl-add-pane.width2 .mdc-form-field.wide,
jdl-edit-pane.width2 .mdc-form-field.wide {
width: 99%;
}
jdl-add-pane.width1 .mdc-form-field,
jdl-edit-pane.width1 .mdc-form-field {
width: 99%;
}
jdl-add-pane.width1 .mdc-form-field.wide,
jdl-edit-pane.width1 .mdc-form-field.wide {
width: 99%;
}
jdl-add-pane .mdc-form-field.wide > button,
jdl-add-pane .mdc-form-field.wide > div,
jdl-add-pane .mdc-form-field.wide > textarea,
jdl-edit-pane .mdc-form-field.wide > button,
jdl-edit-pane .mdc-form-field.wide > div,
jdl-edit-pane .mdc-form-field.wide > textarea {
width: 89%;
}
jdl-add-pane .mdc-form-field.wide > button,
jdl-edit-pane .mdc-form-field.wide > button {
max-width: 89%;
}
jdl-add-pane .mdc-form-field.wide label,
jdl-edit-pane .mdc-form-field.wide label {
width: 15%;
height: 16px;
}
jdl-add-pane .mdc-form-field.wide.wide3 label,
jdl-edit-pane .mdc-form-field.wide.wide3 label {
width: 10%;
height: 16px;
}
jdl-edit-pane label {
padding-top: 4px;
}
jdl-add-pane .mdc-textfield__input,
jdl-edit-pane .mdc-textfield__input,
jdl-add-pane button,
jdl-edit-pane button,
jdl-add-pane .mdc-select,
jdl-edit-pane .mdc-select {
padding-left: 3px;
padding-right: 3px;
box-sizing: border-box;
font-size: 12px;
letter-spacing: normal;
font-family: Inter, sans-serif;
margin-bottom: 1px;
}
jdl-add-pane .mdc-select,
jdl-edit-pane .mdc-select {
height: 28px;
border-bottom: 1px solid rgba(0, 0, 0, .12);
line-height: 16px;
padding-left: 2px !important;
}
jdl-add-pane div.combine > .mdc-select,
jdl-edit-pane div.c...