GTM admin userstyles

gtm.user.css

/**###  General - Full-Width Content  ###*/

.gtm-container-page-content-wrapper {
	max-width: none;
}

/** fix width of folder select box column **/
.gtm-folder-card col[width="4%"]:nth-of-type(1) { width: 2.5% !important }

/** fix width of 'Now Editing' and 'Last Published' cards */
.overview-card-container .current-container-card,
.overview-card-container .published-container-card {
	flex: 0 0 250px;
}

/** hide 'Add New Tag' card */
.overview-card-container .action-card[data-ng-click="routes.gotoCreateTag()"]{
	display:none;
}

/** stretch 'Notes' card */
.overview-card-container .action-card[data-ng-click="ctrl.openNotes();"]{
	height: 324px;
}
.overview-card-container .action-card[data-ng-click="ctrl.openNotes();"] textarea {
	min-height: 220px;
	cursor: text;
}
.overview-card-container .action-card[data-ng-if="hasContainerViewOnlyPermission"] {
	height: auto;
	padding-bottom: 1em;
}
.overview-card-container .action-card[data-ng-if="hasContainerViewOnlyPermission"] ~ .action-card[data-ng-click="ctrl.openNotes();"]{
	height: 220px;
}

/** Variables page - remove reserved vertical space on bigger screens */
.gtm-variable-list-built-in.web-variables.web-variables {
	min-height: initial;
}



/**###  General - left-nav narrower  ###*/

.gtm-container-page-content-wrapper { margin-left: 160px; }
.gtm-container-page-navigation      {       width: 160px; }
.gtm-container-menu .gtm-container-menu-list .gtm-container-menu-list-item .gtm-container-menu-item-name { width: 5em }

/**###  General - left-nav icon-only  ###*/

.gtm-container-page-content-wrapper { margin-left: 82px; }
.gtm-container-page-navigation      {       width: 82px; }
.gtm-container-menu .gtm-container-menu-list .gtm-container-menu-list-item .gtm-container-menu-item-name { display:none; }

/** bigger icons */
.gtm-container-menu .gtm-container-menu-list .gtm-container-menu-list-item .gtm-container-menu-item-icon { font-size:30px; }

/** iconize search box & expand input when focused */
.gtm-container-page-navigation {
	overflow: visible;
}
.gtm-container-menu .gtm-container-search-box .gtm-search-icon-small {
	z-index:2;    
	font-size: 30px;
	left: 13px;
	top: 3px;
	    pointer-events: none;
}
.gtm-container-menu .gtm-container-search-box input {
	z-index: 1;
	position: relative;
	border-radius: 0;
	border-color: transparent;
	background: transparent;
	height: 48px;
	padding-bottom: 12px;
	padding-left: 70px;
	margin: -12px -10px -16px;
	transition: all 100ms 1s ease, box-shadow 1ms 0s;
}
.gtm-container-menu .gtm-container-search-box input:hover {
	cursor: pointer;
	box-shadow:inset 0 0 0 99px #e1e1e1;
	transition-delay: 0s;
}
.gtm-container-menu .gtm-container-search-box input:focus,
.gtm-container-menu .gtm-container-search-box input:active {
	width: 18em;
	background: white;
	border-color: #c2c2c2;
	cursor: text;
	height: 37px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 35px;
	margin-left: 5px;
	box-shadow: none;
	transition-delay: 0s;
}

/** search results popup */
.gtm-container-menu .gtm-container-search-box-popup {
	min-width: 30em;
}

/**### 'Tags' screen ###*/

/** Column widths */
[data-gtm-cloak="tag-list"] col:nth-of-type(1) { width: 30% !important }
[data-gtm-cloak="tag-list"] col:nth-of-type(2) { width: 15% !important }
[data-gtm-cloak="tag-list"] col:nth-of-type(3) { width: 30% !important }
[data-gtm-cloak="tag-list"] col[data-ng-if="ctrl.isFolderColumnShown()"]:nth-of-type(4) { width: 15% !important }

/**### 'Edit Tag' screen ###*/

/** see full trigger names */
.gtm-stepper-index-container .chip.large {
	width: auto;
}

/**### 'Version overview' screen ###*/

.gtm-page-no-side-nav .medium-10.medium-centered.columns {
	width: 96%;
}

/** activity table - reorder and resize cols **/ 

[data-ng-if="ctrl.activityList"] table.version-overview-table tr {
	display:flex;
}
[data-ng-if="ctrl.activityList"] table.version-overview-table th,
[data-ng-if="ctrl.activityList"] table.version-overview-table td {
	flex:1;
}

[data-ng-if="ctrl.activityList"] table.version-overview-table th[data-gtm-sort-field="'description.name'"],
[data-ng-if="ctrl.activityList"] table.version-overview-table td.name-column {
	order: 4;
	flex: 8;
}
[data-ng-if="ctrl.activityList"] table.version-overview-table th[data-gtm-sort-field="'description.type'"],
[data-ng-if="ctrl.activityList"] table.version-overview-table td.type-column {
	order: 3;
	flex: 1.5;
	white-space: nowrap;
	max-width: 120px;
}
[data-ng-if="ctrl.activityList"] table.version-overview-table th[data-gtm-sort-field="'description.action'"],
[data-ng-if="ctrl.activityList"] table.version-overview-table td:nth-of-type(3) {
	order: 2;
	flex: 2;
	white-space: nowrap;
	max-width: 140px;
}
[data-ng-if="ctrl.activityList"] table.version-overview-table th[data-gtm-sort-field="'description.user'"],
[data-ng-if="ctrl.activityList"] table.version-overview-table td:nth-of-type(4) {
	order: 1;
	flex: 3;
	white-space: nowrap;
	max-width: 200px;
}

[data-ng-if="ctrl.activityList"] table.version-overview-table th[data-gtm-sort-field="'description.time'"],
[data-ng-if="ctrl.activityList"] table.version-overview-table td.date-column  {
	order: -1;
	flex:1;
	max-width: 125px;
	min-width: 125px;
}

/** activity table - visually combine activity & type cols **/ 

[data-ng-if="ctrl.activityList"] table.version-overview-table th[data-gtm-sort-field="'description.type'"],
[data-ng-if="ctrl.activityList"] table.version-overview-table td.type-column {
	font-style: italic;
}
[data-ng-if="ctrl.activityList"] table.version-overview-table th[data-gtm-sort-field="'description.action'"],
[data-ng-if="ctrl.activityList"] table.version-overview-table td:nth-of-type(3) {
	font-style: italic;
	text-align:right;
	padding-right: 0;
}
[data-ng-if="ctrl.activityList"] table.version-overview-table th[data-gtm-sort-field="'description.action'"] .sortable.active-sort:after {
	margin-right: 2px; 
}

/** tag/trigger/variable tables - time column first **/ 

[data-ng-if="ctrl.isReady"] table.version-overview-table {
   padding-left: 125px;
	display:table;
}
[data-ng-if="ctrl.isReady"] table.version-overview-table tr:before {
   content: "";
	display: table-cell;
	width: 125px;
}

[data-ng-if="ctrl.isReady"] table.version-overview-table th[data-gtm-sort-field="'statMetadata.modifiedTime'"],
[data-ng-if="ctrl.isReady"] table.version-overview-table td.date-column {
	position: absolute;
	left:0px;
	display:block;
	max-width: 125px;
	min-width: 125px;
}


/**###  Variables - User variables first ###*/

.gtm-container-page-content[data-ng-transclude]>.ng-scope:only-child{ 
	display:flex; 
	flex-direction: column; 
}
[data-gtm-cloak="variable-list-user"] {
	order: -1;
}

.gtm-container-page-content[data-ng-transclude]>.ng-scope:only-child>[data-ng-if="!ctrl.useMaterialUi"] {
	margin-top: 2em;
}

.gtm-container-page-content[data-ng-transclude]>.ng-scope:only-child>h2.card-title,
.gtm-container-page-content[data-ng-transclude]>.ng-scope:only-child>[data-ng-if="!ctrl.useMaterialUi"] h2.card-title {
	display:none;
}