Skip to content

Better Look by marcfitt

Details

Authormarcfitt

LicenseNo License

Categorycoda.io

Created

Updated

Code size41 kB

Code checksum3c14bf87

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

For various site we use

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         Better Look
@version      20250123.18.15
@namespace    https://userstyles.world/user/marcfitt
@description  Work better
@author       marcfitt
@license      No License
==/UserStyle== */

@-moz-document domain("coda.io") {
/* ------------- Coda CSS  ------------- */

/*------------- Hidding Top Left Navigation Coda Folder -------------*/
.g6C2ZOk3.g6C2ZOk3,
.k1ppcOfl {
	display: none;
}
.bKbzhsP8 {
	Height: 10px;
}

/* ------------- Padding Canvas ------------- */
.h6mPtr8A._1DFYY4hB {
	padding-top: 25px;
}
._1iNx5MR2 {
	right: 100px;
}

/* ------------- Formula editor ------------- */
._2Gu0D-MG {
	min-height: 100px;
}
/* ------------- Expanded Formula editor ------------- */
/* -- Pop up formula Width Editor --- */
.Ygz_2Q5E {
	overflow: hidden;
	/* position: absolute;*/
	/* margin-right: 100px;*/
	width: 35%;
	min-width: 700px;
	right: 0;
}

.e7I7gWKv {
	overflow: auto;
	max-height: 45px;
}

._8WIrNkea {
	margin: 2px;
	border-radius: 8px;
}
.WUhLaRDb {
	background-color: #ffae00;
	border: solid 1px #ffae00;
}
.Ukirx3_Q {

	max-width: 70%;
	overflow: hidden;
	position: absolute;
	min-width: 30%;
}
.a43UaAJ0 {
	border-radius: 12px;
	box-shadow: 0 0 8px rgba(0, 0, 0, var(--opacity-shadow-normal, .15));
	max-height: 100%;
}


/*Button Config modal width too narrow fix*/
.t5YZ5TJG:not(.gEPT8AER) {
	width: 500px;
}
/*  Button set values column width*/
.uAF4WnbJ .wewxLj3D {
	min-width: 150px;
}

.NuGDRbGd.n2v5eeHz > .kr-line,
.NuGDRbGd.osfcbiun > .kr-line {
	white-space: normal;
}

.E7TfoPJc {
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*Set height of the fiel in column value*/
.uAF4WnbJ .wewxLj3D {
	width: 110px;
	height: 100%;
}

/*Bottom part of Formula editor */
/*Background formula editor part (usually transparent) */
.idVQWQbU {
	background-color: white;
}

.h8KDLTMl {
	flex-shrink: 0;
	max-height: 300px;
	padding: 8px 15px;
}


/* Bottom Formula Editor - Min height option of values*/
.exB_acx6.AdMxgQxw {
	/*  height: 240px;*/
	min-height: 350px;
	max-height: 20%;
}

/*Background prediction of choice column formula*/
.OtgF7Py4 {
	max-height: 500px;
}

.UKpoc6vL {
	background-color: rgb(var(--neutral100-rgb, 250, 250, 250));
	z-index: 900;
}

/*Remove red waves syntax error formula*/
.QXCpFpjw,
.kr-span,
.cpzpTZQH,
.bVowzSGF {
	background-image: none;
}
/*Button field width*/
.gXdDZ0lJ .gEu1N86u {
	width: 170px;
}
/* ------------- MODAL Updated on 2023-08-02 ------------- */
/* Modal Width 2023-08-02 */
.F1qJC1Ng {
	min-width: 95%;
}



/* Canva Column 
.U6k83TfH{
background-color: white;
	margin: -5px 24px 15px 24px;
	padding: 10px;
   	border: 2px solid transparent;
	border-radius: 8px;
}*/
/* comment bar canva column
.NAYihQ9J {
    margin-bottom: -24px;
	margin-top: -24px;

	
}*/
/*Modal default view 1 field colour and shape*/
.LUQ1CfnC {
	min-height: 36px;
	padding: 5px;
	/*    background-color: rgb(var(--neutral150-rgb,245,245,245));*/
	border: none;
	outline: 2px solid transparent;
}

.LUQ1CfnC.IrKpFWsM {
	border: none;
	background-color: transparent;
	outline: 2px solid rgb(11 157 235 / 40%);
}
.LUQ1CfnC.neoZfBgn:hover {
	border: none;
}
.LUQ1CfnC.Il95BT9m {
	padding: 5px;
	border: none;
}


/*summary line background colour */
.XN0dHdcp {
	background: #f9f9f9;
}
/* Dark-mode summary line background colour */
.kr-loading.kr-dark-mode .XN0dHdcp {
	background: #2c2c2c;
}
/*Frozen Column summary line*/
.y2ZLkKiS {
	background: #f9f9f9;
}
/* Dark-mode summary line background colour */
.kr-loading.kr-dark-mode .y2ZLkKiS {
	background: #2c2c2c;
}

._2tfZME2A {
	min-height: 20px;
}
.DcuNm8Vd {
	display: none;
}

.X6hLFC95 {
	height: 80%;
	width: 30%;
}


.Kwaseza5.vXc9YNjm {

	min-height: 200px;
	max-width: 700px;
}

.ZSZly8gO {
	min-height: 500px;
}
._nrzCB0G.U7h4O0P0 {
	max-height: 300px;
}
.o_CaMFcl:not(.m5vUw01O) {
	width: 600px;
}
.PpQlEETT {
	margin-top: 10px
}

/*Arrow update*/

/*2025-03-25 Arrow fix Canva, table and sub-table*/

.YbkOq0yA:before, .L62PcFhE:before, .WZJs3q2X:before {	
	content: "";
	border: solid #a8a8a8;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	-webkit-transform: rotate(318deg);
}
/*Small Modal formula background*/
.w0lFuA7_.u8qtGLHQ {
	min-height: 200px;
}
/*Modal formula background*/
.nPcK_h_U {

	background: rgb(31 35 43 / 36%);
}



/*Deprecated - Top sticky bar when scrolling (had a gap so changed the top sizing to 0
.zr9m4nce {
	position: sticky;
	top: calc(var(--grid-scroll-padding-top, 0) - 1px);
	z-index: 89;
}
*/

/*Search padding*/
.WrSsf9fZ {
	padding: 5px 0 4px;
}

.YxACrcY6 {
	box-shadow: 0 1px 8px rgb(0 0 0 / var(--opacity-shadow-light, 9%));
	display: flex;
	flex-direction: row;
	height: 90vh;
	max-height: 1800px;
	max-width: 90%;
	min-width: 700px;
	width: 100%;
}
    /*SIDE PANNEL (AUTOMATION PANNEL & Others)*/
/*Comment white background position*/
 	
	
.AICvC9go,.Mbmc9SWO{
		width: 450px;
		
	}


	/*Modal opened right position to leave space for side menu*/
	.zSiYjvz9.W0dyJWQm{
		right:450px;
	}
	
    .lRcBSW7a{
        white-space: pre-wrap;
	}

/*Formula Editor pop up*/
	.uLmXFhvH.Y8kvr4hg {

    z-index: 475;

}
/*TABLE FILTER SIZE*/

.zPbBn5K3 {
    max-width: 250px;
    min-height: 2rem;

}


}
@-moz-document domain("drive.google.com") {
/* ------------- GDrive CSS  ------------- */
.s55KNe .iZmuQc {
	display: grid;
	grid-gap: 16px;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.s55KNe .jmyfOb .Q5txwe {
	font-size: 0.8rem;
	overflow: visible;
	padding-right: 0;
	position: relative;
	text-overflow: ellipsis;
	white-space: pre-wrap;
	max-height: 90px;
	width: 100%;
}
/* --- Folder same height  --- */
.s55KNe .WYuW0e {
	height: 100%;
}

/* --- Rename File Popup  --- */
.a-cg-k .lb-k-Kk {
	width: 30em;
}


/*With folder breadcrumb*/
.a-l-Ba .o-Yc-o .h-R-w-d-ff,
.a-l-Ba .o-Yc-o .o-Yc-o-T {
	max-width: 30%;
	min-width: 100%;
}
}

@-moz-document domain("intuit.com"), domain("qbo.intuit.com") {
/*QBO CSS*/
	
/*Old Memo text Box - Still used on some part of QBO so not deleting for now*/
.universal .messagesAndAmounts .memoText {
	min-width: 800px;
	min-height: 200px;
	resize: both;
}
/*2025-04-02 New Memo text box*/
	/**/
	[class^="txp-capability-totalAmountField"] {
		margin-bottom:-126px;
	}
	[class^="txp-capability-messagesWrapper"] div {
	max-width:100%;

}

[class*="txp-capability-privateMemo"] {
	padding-bottom:100px;
	
	& textarea{
	min-width:800px;
	min-height: 250px;
	}
	}
		
.integrations-datain-ui .add-overlay .qfComboBox {
	width: 475px;
}


/* Report New view width and look*/
.iNiMty {
	position: relative;
	overflow: hidden;
	transition: margin 0.3s ease-in-out 0s;
	flex: 1 1 0%;
	display: flex;
	flex-direction: column;
	max-width: calc(100% - 40px);
	width: auto;
	margin: 8px auto auto;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px 0px;
	background: white;
	min-width: 90%;
}

/*BILL/INVOICE,EXPENSE CSS*/
.dgrid.dgrid-03 .dgrid-content .dgrid-row-table .dgrid-cell {
	border-left: 1px dotted #c7c7c7;
	border-left: solid #c7c7c7 1px;
}
	/*Account Text Wrapping*/
	[class*="txp-capability-accountsReadOnlyTextWrap"]{
	white-space:pre-wrap;
	}
	/*Account menu wider*/
	
	.quickfillMenuItem .mainLabel {
    float: left;
    max-width: 375px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
min-width: 600px;
}
	
.accountColumn {
	font-weight: 600;
	font-size: 15px;
	text-wrap: wrap;
	height: 30px;
	margin: 0;
	padding: 5px;
	color: #000!important;
	opacity: 1!important;
	align-content: center;

	/* color: white; */
}
td {

	font-size: 14px;
	color: black;
}

/*TRANSACTIONS ACCOUNT COLUMN HEIGHT TO SEE FULL ACCOUNT NAME*/
.accountColumn {
	height: 100%;
}
/* Fix Subtotal bill payment going on top of clear payment button*/
.universal .messagesAndAmounts .amounts .tableCell,
.universal .messagesAndAmounts .totalQuantity .tableCell {

	padding-top: 30px;
}
/*BANK FEED CSS*/
/*QBO Bank feed text field size and text wrap*/
input#idsDropdownTypeaheadTextField62 {
	min-width: 550px;
}

/*Bank Feed tab bigger font amount*/
.integrations-datain-ui .owner-mode-grid .acct-mode-table .idsTable .pull-right {
	margin-right: 10px;
	font-size: 16px;
	font-weight: 600;
}

/*Align Bank account slider to the left*/
.slick-track {
	margin-left: 0;
}
}

@-moz-document domain("reamaze.com") {
/*reamaze.com*/
/*General Style*/
#content h1 {
	color: #000;
}

a {
	color: #0072EA;
}

a:hover,
a:focus {
	color: #0056b0;
}
#content .conversation .app-flex-content-content .main-content .conversation-meta {
	font-size: 16px;
}
#content .conversation .app-flex-content-content .main-content .edit-subject-row.pull-right {
	font-size: 16px;
}
#content .conversation .app-flex-content-content .main-content {
	padding: 0px;
}

#conversations li a {
	font-size: larger;

    
}

a:hover {

	color: #0067d2;
}

.tui-editor-contents a {
	color: #0072EA;
}

/* Headers*/
#content .content-header {
	background-color: #050505;
}


#content .subnav.subnav-flex .flex-primary-nav #logo {
	display: block;
	background-image: url(https://cdn.shopify.com/s/files/1/0237/0025/files/shied_logo_white.svg?v=1542481800);
	height: 40px;
	width: 40px;
	margin: auto;
	background-repeat: no-repeat;
	max-width: 100%;
}



#content .subnav.subnav-flex .flex-primary-nav #logo img {
	display: none;
}

.nav-pane {
	background-color: #050505;
}

.menu-pane {
	background: #1b1b1b;
	color: black;
}

.btn {
	box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-standard-primary {

	background-color: #0072EA;
}


.btn-primary {
	background-color: #0072EA;
	background-image: none!important;
}
button.btn.btn-primary {
	background-image: none;
	background-color: #0072EA;
}
a.btn.btn-primary.anim-btn.anim-btn-shadow {
	background-color: #0072EA;
}
.btn-primary:hover {

	background-color: #0066d2 !important;
}
.btn-standard-primary:hover {
	background-color: #0066d2 !important;
}



#content .subnav .btn-group {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 5px 0;
}


...

Reviews

No reviews yet.