liferay-frontend-theme-styled 6.0.6 → 6.0.10

package/css/_extras.scss

@@ -91,9 +91,6 @@ body > .lfr-menu-list ul,
 .rule-group-instance-container .rule-group-instance,
 .select-documents,
 .select-files,
-.taglib-ratings.stars:hover,
-.taglib-ratings.stars:hover .liferay-rating-vote > div,
-.taglib-ratings.stars .rating-focused > div,
 .tags-search-combobox .field-input-text {
 	border-radius: 4px;
 }

package/css/_imports.scss

@@ -1,3 +1,5 @@
 @import 'bourbon';
 
 @import 'clay/base-variables';
+
+@import 'clay/_cadmin-variables';

package/css/_portal.scss

@@ -1,6 +1,7 @@
 @import './portal/accessibility';
 @import './portal/asset_category_selector';
 @import './portal/asset_column';
+@import './portal/aui';
 @import './portal/auto_row';
 @import './portal/dropdowns';
 @import './portal/edit_layout';
@@ -8,19 +9,15 @@
 @import './portal/generic_portal';
 @import './portal/generic_portlet';
 @import './portal/header_row';
-@import './portal/openid';
-@import './portal/page_settings';
 @import './portal/pagination';
 @import './portal/panel_component';
-@import './portal/panel_page';
-@import './portal/panel_pagination';
 @import './portal/portlet_css_editor';
 @import './portal/preview';
 @import './portal/rich_editor';
 @import './portal/sidebar';
 @import './portal/spa';
 @import './portal/tag_selector';
-@import './portal/toolbar';
 @import './portal/translation_manager';
 @import './portal/tree';
+@import './portal/undo_manager';
 @import './portal/uploader';

package/css/_taglib.scss

@@ -1,31 +1,39 @@
 @import './taglib/variables';
 
+@import './taglib/alert';
 @import './taglib/app_view_common';
 @import './taglib/app_view_entry';
-@import './taglib/app_view_search_entry';
-@import './taglib/app_view_toolbar';
 @import './taglib/asset_metadata';
-@import './taglib/calendar';
+@import './taglib/contextual_sidebar';
 @import './taglib/diff';
 @import './taglib/diff_html';
 @import './taglib/diff_version_comparator';
 @import './taglib/discussion';
 @import './taglib/drop_here_info';
+@import './taglib/empty_result_message';
 @import './taglib/field_wrapper';
 @import './taglib/form_navigator';
 @import './taglib/header';
 @import './taglib/icon';
+@import './taglib/icon_list';
+@import './taglib/icon_menu';
+@import './taglib/image_selector';
+@import './taglib/info_bar';
 @import './taglib/input_localized';
 @import './taglib/input_move_boxes';
 @import './taglib/item_selector';
 @import './taglib/layouts_tree';
 @import './taglib/map';
 @import './taglib/navbar';
+@import './taglib/notification';
 @import './taglib/preview';
 @import './taglib/search_container';
+@import './taglib/search_iterator';
 @import './taglib/search_toggle';
 @import './taglib/social_activities';
 @import './taglib/social_bookmarks';
+@import './taglib/trash_common';
 @import './taglib/user_display';
+@import './taglib/vertical_card';
 @import './taglib/webdav';
 @import './taglib/workflow_status';

package/css/application/_dialog.scss

@@ -168,11 +168,17 @@
 		}
 	}
 
-	.lfr-dynamic-uploader.hide-dialog-footer {
-		bottom: 0;
+	.lfr-dynamic-uploader {
+		display: table;
+		table-layout: fixed;
+		width: 100%;
 
-		+ .dialog-footer {
-			display: none;
+		&.hide-dialog-footer {
+			bottom: 0;
+
+			+ .dialog-footer {
+				display: none;
+			}
 		}
 	}
 

package/css/application/_drag_drop.scss

@@ -1,3 +1,80 @@
+html#{$cadmin-selector} {
+	.portlet-layout.dragging {
+		border-collapse: separate;
+	}
+
+	.drop-area {
+		background-color: #d3dadd;
+	}
+
+	.active-area {
+		background: #ffc;
+	}
+
+	.portlet-boundary.yui3-dd-dragging {
+		opacity: 0.6;
+
+		.portlet {
+			border: 2px dashed #ccc;
+		}
+	}
+
+	.sortable-layout-proxy {
+		opacity: 1;
+
+		.portlet-topper {
+			background-image: none;
+		}
+	}
+
+	.proxy {
+		cursor: move;
+
+		opacity: 0.65;
+
+		position: absolute;
+
+		&.generic-portlet {
+			height: 200px;
+			width: 300px;
+
+			.portlet-title {
+				padding: 10px;
+			}
+		}
+
+		&.not-intersecting .forbidden-action {
+			background: url(../images/application/forbidden_action.png)
+				no-repeat;
+			display: block;
+			height: 32px;
+			position: absolute;
+			right: -15px;
+			top: -15px;
+			width: 32px;
+		}
+	}
+
+	.resizable-proxy {
+		border: 1px dashed #828f95;
+		position: absolute;
+		visibility: hidden;
+	}
+
+	.sortable-proxy {
+		background: #727c81;
+		margin-top: 1px;
+	}
+
+	.sortable-layout-drag-target-indicator {
+		margin: 2px 0;
+	}
+
+	.yui3-dd-proxy {
+		z-index: 1110 !important;
+	}
+}
+
 .portlet-layout.dragging {
 	border-collapse: separate;
 }

package/css/application/_editor_alloy.scss

@@ -1,28 +1,149 @@
+* [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;
+
+	.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 {
 			color: #2b4259;
 
+			&:before {
+				pointer-events: none;
+			}
+
+			&.readonly {
+				color: #ccc;
+			}
+
+			&.ae-placeholder:empty {
+				min-height: 1.5em;
+			}
+
 			&.ae-placeholder:not(:focus) {
 				border-left-color: #dbdde1;
 				color: #b0b4bb;
+
+				&:not(.form-control) {
+					border-left: 2px solid;
+					padding-left: 10px;
+				}
+
+				.has-error & {
+					border-left-color: #c67;
+				}
 			}
 
-			&.readonly {
-				color: #ccc;
+			&.ae-placeholder[data-required='true']:not(:focus):before {
+				content: attr(data-placeholder) ' *';
 			}
 		}
 
-		outline: 0;
+		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-icon {
-		color: #869cad;
+	.alloy-editor-switch {
+		position: absolute;
+		text-align: right;
+		top: 0;
+		width: 100%;
+
+		.btn {
+			margin-top: 0;
+		}
 	}
-}
 
-.has-error .alloy-editor-container .alloy-editor.alloy-editor-placeholder {
-	&.ae-placeholder:not(:focus) {
-		border-left-color: #c67;
+	.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_lfr_source.scss

@@ -1,5 +1,11 @@
 .lfr-source-editor {
-	border-color: #ccc;
+	border: solid 0 #ccc;
+	border-bottom-width: 2px;
+	position: relative;
+
+	.ace_editor {
+		height: 100%;
+	}
 
 	.lfr-source-editor-toolbar {
 		li {
@@ -111,8 +117,77 @@
 	}
 }
 
-.lfr-fullscreen-source-editor
-	.lfr-fullscreen-source-editor-content
-	.panel-splitter {
-	border-color: #ccc;
+.lfr-fullscreen-source-editor {
+	height: 100%;
+	overflow: hidden;
+
+	.lfr-fullscreen-source-editor-header {
+		height: 40px;
+		margin-right: 4px;
+		margin-top: 4px;
+		min-height: 40px;
+	}
+
+	.lfr-fullscreen-source-editor-content {
+		height: 95%;
+		position: relative;
+
+		.panel-splitter {
+			border: 1px solid #ccc;
+			position: absolute;
+		}
+
+		.preview-panel {
+			display: inline-block;
+			overflow-y: auto;
+			padding-left: 20px;
+		}
+
+		.source-panel {
+			display: inline-block;
+		}
+
+		&.vertical {
+			.source-panel,
+			.preview-panel {
+				height: 100%;
+				width: 50%;
+			}
+
+			.panel-splitter {
+				height: 100%;
+				left: 50%;
+				top: 0;
+			}
+		}
+
+		&.horizontal {
+			.source-panel,
+			.preview-panel {
+				height: 50%;
+				width: 100%;
+			}
+
+			.panel-splitter {
+				top: 50%;
+				width: 100%;
+			}
+		}
+
+		&.simple {
+			.panel-splitter,
+			.preview-panel {
+				display: none;
+			}
+
+			.source-panel {
+				height: 100%;
+				width: 100%;
+			}
+		}
+	}
+}
+
+.lfr-fulscreen-source-editor-dialog .modal-footer {
+	text-align: left;
 }