liferay-frontend-theme-styled 6.0.26 → 6.0.29

package/css/_extras.scss

@@ -330,10 +330,6 @@ body > .lfr-menu-list ul,
 		-webkit-animation: none;
 		animation: none;
 	}
-
-	.portlet-document-library .document-container {
-		box-shadow: inset 0 0 5px #b8c1d1;
-	}
 }
 
 .upload-drop-intent .lfr-upload-container .upload-target {
@@ -449,3 +445,12 @@ input.switch {
 		transform: rotate(15deg);
 	}
 }
+
+.form-group.form-inline {
+	&.input-boolean-wrapper,
+	&.input-checkbox-wrapper {
+		label {
+			gap: 0.3125rem;
+		}
+	}
+}

package/css/_liferay_custom.scss

@@ -6,13 +6,13 @@
 .portlet-msg-info,
 .portlet-msg-progress,
 .portlet-msg-success {
-	@extend .alert;
+	@extend .alert !optional;
 }
 
 .portlet-msg-help,
 .portlet-msg-info,
 .portlet-msg-progress {
-	@extend .alert-info;
+	@extend .alert-info !optional;
 }
 
 .portlet-msg-progress {
@@ -25,19 +25,19 @@
 // ---------- Error messages ----------
 
 .portlet-msg-error {
-	@extend .alert-danger;
+	@extend .alert-danger !optional;
 }
 
 // ---------- Alert messages ----------
 
 .portlet-msg-alert {
-	@extend .alert-warning;
+	@extend .alert-warning !optional;
 }
 
 // ---------- Success messages ----------
 
 .portlet-msg-success {
-	@extend .alert-success;
+	@extend .alert-success !optional;
 }
 
 // ---------- Misc ----------

package/css/_portal.scss

@@ -3,6 +3,7 @@
 @import './portal/asset_column';
 @import './portal/aui';
 @import './portal/auto_row';
+@import './portal/date_picker';
 @import './portal/dropdowns';
 @import './portal/edit_layout';
 @import './portal/forms';

package/css/application/_account_selector.scss

@@ -1,26 +0,0 @@
-.btn-account-selector {
-	align-items: center;
-	display: grid;
-	gap: 12px;
-	grid-template-columns: auto min-content;
-	height: 70px;
-	width: 300px;
-
-	&.account-selected {
-		grid-template-columns: min-content minmax(0, 1fr) min-content;
-	}
-
-	.current-info-container {
-		text-align: left;
-	}
-
-	.no-account-selected-placeholder {
-		margin: 0;
-		text-align: left;
-	}
-}
-
-.dropdown-menu.account-selector-dropdown-menu {
-	max-width: 300px;
-	min-width: 300px;
-}

package/css/application/_aspect_ratio.scss

@@ -1,5 +0,0 @@
-.aspect-ratio {
-	&.aspect-ratio-8-to-3 {
-		padding-bottom: 37.5%;
-	}
-}

package/css/application/_autocomplete.scss

@@ -1,14 +1,3 @@
 .lfr-autocomplete-input-list .yui3-aclist-list {
 	margin: 0;
 }
-
-.liferay-autocomplete-input-mirror {
-	left: -9999px;
-	overflow-x: hidden;
-	overflow-y: auto;
-	position: absolute;
-	top: -9999px;
-	visibility: hidden;
-	white-space: pre-wrap;
-	word-wrap: break-word;
-}

package/css/application/_cards.scss

@@ -1,22 +0,0 @@
-.card-tab-group {
-	.card-tab:nth-child(n + 2) {
-		border-left: $card-tab-border-left-width solid
-			$card-tab-border-left-color;
-		padding-left: $card-tab-padding-left-width;
-
-		.card-tab {
-			border-left: $card-tab-border-left-width solid
-				lighten($card-tab-border-left-color, 10%);
-			padding-left: $card-tab-padding-left-width;
-
-			.card-tab {
-				border-left-color: lighten($card-tab-border-left-color, 20%);
-
-				.card-tab {
-					border-left-width: 0;
-					padding-left: 0;
-				}
-			}
-		}
-	}
-}

package/css/application/_color_picker.scss

@@ -1,68 +0,0 @@
-.hsv-palette {
-	.hsv-view-container {
-		.hsv-label-value-hex .hsv-value {
-			width: 95px;
-		}
-
-		.hsv-value {
-			width: 56px;
-		}
-	}
-}
-
-.yui3-color-picker-popover {
-	.palette-container {
-		border-collapse: separate;
-	}
-}
-
-.portal-popup {
-	.hsv-palette-modal.modal-dialog {
-		bottom: 0 !important;
-		left: 0 !important;
-		margin: 0;
-		max-width: none;
-		right: 0 !important;
-		top: 0 !important;
-		width: 100%;
-
-		@include media-breakpoint-up(md) {
-			bottom: auto !important;
-			height: 100%;
-			left: 50% !important;
-			max-height: 375px;
-			max-width: 650px;
-			right: auto !important;
-			top: 50% !important;
-			transform: translate(-50%, -50%);
-		}
-
-		> .hsv-palette-modal-content {
-			bottom: 0;
-			left: 0;
-			overflow: visible;
-			position: absolute;
-			right: 0;
-			top: 0;
-
-			@include media-breakpoint-down(sm) {
-				border-radius: 0;
-				border-width: 0;
-			}
-		}
-
-		.modal-body {
-			@include media-breakpoint-down(sm) {
-				padding: 1rem;
-			}
-		}
-
-		.hsv-default-size.hsv-container {
-			width: 100%;
-		}
-
-		.hsv-image-container {
-			margin: 0;
-		}
-	}
-}

package/css/application/_dialog.scss

@@ -1,17 +1,6 @@
-.dialog-bd {
-	min-height: 30px;
-}
-
-.dialog-content {
-	border: 1px solid #c8c9ca;
-	padding: 5px;
-}
-
 .portal-popup {
-	.sheet {
-		> .lfr-nav {
-			margin-top: -24px;
-		}
+	.sheet > .lfr-nav {
+		margin-top: -24px;
 	}
 
 	.contacts-portlet .portlet-configuration-container .form {
@@ -45,8 +34,8 @@
 			padding-top: 20px;
 
 			.nav-tabs-underline {
-				margin-left: -$grid-gutter-width / 2;
-				margin-right: -$grid-gutter-width / 2;
+				margin-left: $grid-gutter-width * -0.5;
+				margin-right: $grid-gutter-width * -0.5;
 				margin-top: -20px;
 			}
 		}
@@ -199,4 +188,32 @@
 	.portlet-configuration-edit-templates .portlet-configuration-body-content {
 		bottom: 0;
 	}
+
+	&:not(.article-preview) {
+		#main-content,
+		#wrapper {
+			bottom: 0;
+			left: 0;
+			overflow: auto;
+			padding: $dialog-iframe-padding;
+			position: absolute;
+			right: 0;
+			top: 0;
+			-webkit-overflow-scrolling: touch;
+
+			@media print {
+				position: initial;
+			}
+		}
+	}
+
+	.columns-max > .portlet-layout.row {
+		margin-left: 0;
+		margin-right: 0;
+
+		> .portlet-column {
+			padding-left: 0;
+			padding-right: 0;
+		}
+	}
 }

package/css/application/_editable.scss

@@ -1,47 +1,3 @@
-.lfr-editable {
-	$edit-color: #68bb30;
-	$edit-color-hover: darken(#68bb30, 10);
-
-	outline: 1px dashed $edit-color;
-	outline-offset: 2px;
-	position: relative;
-
-	&:after {
-		background: $edit-color url(../images/common/edit_white.png) no-repeat
-			50%;
-		content: '';
-		display: block;
-		height: 20px;
-		position: absolute;
-		right: 5px;
-		top: 5px;
-		width: 30px;
-	}
-
-	&:focus {
-		&:after {
-			display: none;
-		}
-
-		&:hover {
-			background-color: transparent;
-		}
-	}
-
-	&:hover {
-		background-color: rgba(255, 255, 255, 0.3);
-		outline-color: $edit-color-hover;
-
-		&:after {
-			background-color: $edit-color-hover;
-		}
-	}
-}
-
-.lfr-editable-notice-close {
-	margin-left: 1em;
-}
-
 .lfr-portlet-title-editable {
 	margin-top: 0;
 	z-index: 9999;

package/css/application/_editor_alloy.scss

@@ -1,165 +0,0 @@
-* [class*='ae-toolbar-'][role='toolbar'] {
-	z-index: 980;
-
-	@include media-breakpoint-down(sm) {
-		z-index: 1000;
-	}
-}
-
-.ae-ui .ae-toolbars .ae-toolbar-add {
-	border-width: 1px;
-	margin-left: 4px;
-	z-index: 989;
-
-	.ae-button {
-		height: 28px;
-		width: 28px;
-
-		@include media-breakpoint-up(xl) {
-			height: 32px;
-			width: 32px;
-		}
-	}
-}
-
-.alloy-editor-container {
-	position: relative;
-
-	.wrapper {
-		position: relative;
-	}
-
-	.alloy-editor-icon {
-		bottom: 8px;
-		color: #869cad;
-		display: none;
-		position: absolute;
-		right: 8px;
-	}
-
-	.alloy-editor {
-		cursor: text;
-		outline: 0;
-		overflow: hidden;
-		text-align: start;
-
-		&[dir='rtl'] + .alloy-editor-icon {
-			left: 8px;
-		}
-
-		~ .alloy-editor-placeholder {
-			display: none;
-		}
-
-		&.ae-placeholder {
-			~ .alloy-editor-placeholder {
-				background-color: transparent;
-				color: #2b4259;
-				display: block;
-				padding-left: 10px;
-				pointer-events: none;
-				position: absolute;
-				top: 0.25rem;
-			}
-			&.readonly ~ .alloy-editor-placeholder {
-				color: #ccc;
-			}
-			&:empty {
-				min-height: 1.5em;
-			}
-			&:not(:focus) {
-				~ .alloy-editor-placeholder {
-					border-left-color: #dbdde1;
-					color: #b0b4bb;
-				}
-
-				&:not(.form-control) ~ .alloy-editor-placeholder {
-					border-left: 2px solid;
-					padding-left: 10px;
-				}
-
-				.has-error & {
-					border-left-color: #c67;
-				}
-			}
-			&:focus,
-			&.cke_focus {
-				~ .alloy-editor-placeholder {
-					display: none !important;
-				}
-			}
-			&:not(:focus):before {
-				content: '';
-			}
-		}
-
-		a {
-			cursor: auto;
-		}
-
-		blockquote {
-			margin: 1em 40px;
-		}
-
-		p:only-child {
-			margin-bottom: 0;
-		}
-
-		&.form-control {
-			height: auto;
-
-			~ .alloy-editor-icon {
-				display: block;
-				max-width: 24px;
-			}
-		}
-
-		.cke_widget_wrapper {
-			max-width: 100%;
-		}
-	}
-
-	.alloy-editor-switch {
-		position: absolute;
-		text-align: right;
-		top: 0;
-		width: 100%;
-
-		.btn {
-			margin-top: 0;
-		}
-	}
-
-	.alloy-editor-wrapper {
-		padding-top: 44px;
-
-		.lfr-source-editor {
-			display: none;
-		}
-
-		&.show-source {
-			.alloy-editor-placeholder {
-				display: none;
-			}
-
-			.lfr-source-editor {
-				display: block;
-			}
-		}
-	}
-
-	.form-feedback-item {
-		.has-error & {
-			font-size: 16px;
-			font-weight: normal;
-			line-height: 1.4em;
-			text-align: left;
-		}
-	}
-
-	.cke_widget_inline {
-		.ie11 & {
-			display: inline-block;
-		}
-	}
-}

package/css/application/_editor_ckeditor.scss

@@ -1,37 +0,0 @@
-.cke_editable_inline a {
-	cursor: pointer;
-}
-
-.cke_panel.cke_combopanel {
-	width: 220px;
-}
-
-.cke_panel_block {
-	.cke_panel_grouptitle {
-		font-size: 20px;
-		line-height: 20px;
-		margin-top: 0;
-	}
-
-	.cke_panel_list {
-		margin-left: 0;
-
-		.cke_panel_listItem {
-			line-height: initial;
-
-			a:hover {
-				text-decoration: none;
-			}
-		}
-	}
-}
-
-// ---------- CKEditor table ----------
-
-.cke_show_border {
-	width: 500px;
-
-	td {
-		height: 15px;
-	}
-}

package/css/application/_editor_html.scss

@@ -1,36 +0,0 @@
-.html-editor.portlet-message-boards {
-	@include hyphens();
-
-	word-wrap: break-word;
-
-	blockquote {
-		background: #eef0f2 url(../images/message_boards/quoteleft.png)
-			no-repeat 5px 5px;
-		border: 1px solid #777;
-		padding: 5px 45px;
-
-		&:after {
-			background: url(../images/message_boards/quoteright.png) no-repeat
-				50%;
-			content: '';
-			display: block;
-			float: right;
-			height: 24px;
-			margin-right: -35px;
-			margin-top: -25px;
-			width: 31px;
-			z-index: 999;
-		}
-
-		cite {
-			display: block;
-			font-weight: bold;
-		}
-	}
-
-	pre {
-		background: #f9f9f9;
-		border: 1px solid #777;
-		padding: 0.5em;
-	}
-}

package/css/application/_editor_tinymce.scss

@@ -1,3 +0,0 @@
-.mce-content-body {
-	text-align: start;
-}

package/css/application/_item_selector.scss

@@ -1,6 +0,0 @@
-.item-selector {
-	.item-selector-list-row:hover {
-		background-color: $primary-l3;
-		cursor: pointer;
-	}
-}