Skip to content

flexsoft.site by missyano

Write a review Install Get Stylus

Details

Authormissyano

LicenseNo License

Categoryflexsoft.site:7400

Created

Updated

Code size54 kB

Code checksum591ac0ad

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

UI

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...

Reviews

No reviews yet.