liferay-frontend-theme-styled 6.0.31 → 6.0.32

package/css/_application.scss

@@ -17,7 +17,6 @@
 @import 'application/file_icons_colors';
 @import 'application/item_selector';
 @import 'application/item_viewer';
-@import 'application/list_group_deprecated';
 @import 'application/menu';
 @import 'application/misc';
 @import 'application/modal';

package/css/_extras.scss

@@ -1,123 +1,61 @@
-@mixin keyframes($name) {
-	@keyframes #{$name} {
-		@content;
-	}
-}
-
-.menu-content,
-.underlay-content {
-	box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
-}
-
-.lfr-ddm-container .file-entry-upload-progress {
-	border-radius: 0 0 4px 4px;
-}
-
-.lfr-preview-file-image img {
-	box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
-}
-
-.lfr-preview-file-image-current-column {
-	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
-}
-
-.lfr-preview-file-image-current-column {
-	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
-}
-
-.portlet-document-library,
-.portlet-dynamic-data-mapping {
-	.lfr-ddm-small-image-preview {
-		box-shadow: 0 1px 3px #ccc;
-	}
-}
-
-.portlet-document-library-upload-mask .overlaymask-content {
-	border-radius: 5px;
-}
-
-.overlaymask-content {
-	background-color: #fff;
-}
-
-:not(.inline-item) {
-	> .loading-animation {
+.loading-animation {
+	:not(.inline-item) > & {
 		margin-bottom: 20px;
 		margin-top: 20px;
 	}
-}
 
-.product-menu {
-	.loading-animation {
+	.product-menu & {
 		margin-top: 160px;
 	}
 }
 
-.lfr-search-combobox-item {
-	border-radius: 1px;
-}
+@keyframes lfr-drop-active {
+	0% {
+		background-color: #ebebeb;
+		border-color: #ddd;
+	}
 
-.lfr-search-combobox {
-	.field-input-text {
-		border-radius: 4px 1px 1px 4px;
+	50% {
+		background-color: #ddedde;
+		border-color: #7d7;
+		transform: scale(1.1);
 	}
 
-	.button-input {
-		border-radius: 1px 4px 4px 1px;
+	75% {
+		background-color: #ddedde;
+		border-color: #7d7;
 	}
-}
 
-.lfr-upload-container .progress-bar,
-.lfr-upload-container .progress,
-.lfr-editable:after {
-	border-radius: 10px;
+	100% {
+		background-color: #ebebeb;
+		border-color: #ddd;
+	}
 }
 
-.portlet-language .portlet-body {
-	.current-language,
-	.taglib-icon,
-	.taglib-language-list-text {
+.lfr-upload-container {
+	.progress-bar,
+	.progress {
 		border-radius: 10px;
 	}
-}
 
-body > .lfr-menu-list ul,
-.active-area-proxy,
-.lfr-api-results,
-.lfr-translation-manager,
-.lfr-translation-manager-translation,
-.lfr-upload-container .cancel-button .modify-pages .delete-tab,
-.portlet-image-gallery-display .image-thumbnail img,
-.rule-group-instance-container .rule-group-instance,
-.select-documents,
-.select-files,
-.tags-search-combobox .field-input-text {
-	border-radius: 4px;
-}
+	.upload-file,
+	.upload-target {
+		border-radius: 5px;
+	}
 
-.lfr-search-combobox,
-.lfr-upload-container .upload-file,
-.lfr-upload-container .upload-target,
-.portlet-document-library .common-file-metadata-container.selected,
-.portlet-document-library-display .common-file-metadata-container.selected,
-.portlet-image-gallery-display .image-icon,
-.select-documents,
-.select-files {
-	border-radius: 5px;
-}
+	.upload-target {
+		.upload-drop-active & {
+			animation: none;
+		}
 
-.portlet-dynamic-data-list-display,
-.portlet-dynamic-data-lists {
-	.lfr-ddm-container {
-		.lfr-ddm-repeatable-placeholder {
-			border-radius: 6px;
+		.upload-drop-intent & {
+			animation: lfr-drop-active 1s ease 0.2s infinite;
 		}
 	}
 }
 
-.menu-content {
-	border-bottom-left-radius: 4px;
-	border-bottom-right-radius: 4px;
+.select-files {
+	border-radius: 5px;
 }
 
 .taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
@@ -140,61 +78,7 @@ body > .lfr-menu-list ul,
 	}
 }
 
-.underlay-content {
-	border-bottom-left-radius: 8px;
-	border-bottom-right-radius: 8px;
-}
-
-.input-localized {
-	.lfr-input-localized-state {
-		border-radius: 3px;
-	}
-
-	.lfr-input-localized .lfr-input-localized-state {
-		box-shadow: 0 0 3px #ddd;
-
-		&.lfr-input-localized-state-error {
-			box-shadow: 0 0 3px #ff0047;
-		}
-	}
-
-	.palette-item-selected .lfr-input-localized-state {
-		box-shadow: 0 0 3px #27c1f2;
-	}
-}
-
-.lfr-content-preview-popup .lfr-content-preview-popup-content {
-	border-radius: 0;
-	box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
-}
-
-.lfr-message .lfr-message-control {
-	border-radius: 10px;
-}
-
-.lfr-token {
-	border-radius: 8px;
-}
-
-.staging-tabview-list {
-	border-radius: 0;
-}
-
-.site-variations-tabview-list .tab-content,
-.staging-tabview-list .tab-active .tab-content,
-.tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
-	box-shadow: none;
-}
-
-.rule-group-instance-container .rule-group-instance {
-	box-shadow: 1px 1px 2px #999;
-}
-
-.lfr-action-label {
-	border-radius: 2px;
-}
-
-@include keyframes(progress-bar-stripes) {
+@keyframes progress-bar-stripes {
 	from {
 		background-position: 40px 0;
 	}
@@ -208,7 +92,6 @@ body > .lfr-menu-list ul,
 .lfr-upload-container .file-uploading .progress-bar .progress {
 	$transparent: rgba(255, 255, 255, 0);
 
-	-webkit-animation: progress-bar-stripes 0.5s linear infinite;
 	animation: progress-bar-stripes 0.5s linear infinite;
 	background-image: linear-gradient(
 		-45deg,
@@ -228,7 +111,7 @@ body > .lfr-menu-list ul,
 	}
 }
 
-@include keyframes(highlight-animation) {
+@keyframes highlight-animation {
 	from {
 		background-color: #ffc;
 	}
@@ -239,60 +122,9 @@ body > .lfr-menu-list ul,
 }
 
 .highlight-animation {
-	-webkit-animation: highlight-animation 0.7s;
 	animation: highlight-animation 0.7s;
 }
 
-.lfr-spa-loading .lfr-spa-loading-bar {
-	-webkit-animation: shift-rightwards 1s ease-in-out infinite;
-	animation: shift-rightwards 1s ease-in-out infinite;
-	-webkit-animation-delay: 0.4s;
-	animation-delay: 0.4s;
-}
-
-.lfr-spa-loading-bar {
-	transform: translateX(100%);
-}
-
-@keyframes shift-rightwards {
-	0% {
-		transform: translateX(-100%);
-	}
-	40% {
-		transform: translateX(0%);
-	}
-	60% {
-		transform: translateX(0%);
-	}
-	100% {
-		transform: translateX(100%);
-	}
-}
-
-.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions {
-	.lfr-icon-menu-text,
-	.taglib-text {
-		max-width: 200px;
-	}
-}
-
-.portlet-boundary.yui3-dd-dragging {
-	transform: scale(0.8);
-	transition: transform 0.3s ease;
-
-	@media (prefers-reduced-motion: reduce) {
-		transition: none;
-	}
-}
-
-.portlet-document-library .entry-thumbnail .label,
-.portlet-document-library-display .workflow-status .label,
-.portlet-journal .entry-thumbnail .label {
-	border-bottom-left-radius: 0;
-	border-top-left-radius: 0;
-	border-top-right-radius: 0;
-}
-
 .portlet-options.btn-group {
 	&,
 	&.open {
@@ -302,150 +134,6 @@ body > .lfr-menu-list ul,
 	}
 }
 
-@keyframes lfr-drop-active {
-	0% {
-		background-color: #ebebeb;
-		border-color: #ddd;
-	}
-
-	50% {
-		background-color: #ddedde;
-		border-color: #7d7;
-		transform: scale(1.1);
-	}
-
-	75% {
-		background-color: #ddedde;
-		border-color: #7d7;
-	}
-
-	100% {
-		background-color: #ebebeb;
-		border-color: #ddd;
-	}
-}
-
-.upload-drop-active {
-	.lfr-upload-container .upload-target {
-		-webkit-animation: none;
-		animation: none;
-	}
-}
-
-.upload-drop-intent .lfr-upload-container .upload-target {
-	-webkit-animation: lfr-drop-active 1s ease 0.2s infinite;
-	animation: lfr-drop-active 1s ease 0.2s infinite;
-}
-
-.quick-access-nav {
-	a {
-		box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
-	}
-}
-
-.cke_toolbar {
-	&.cke_toolbar__a11yhelpbtn {
-		.cke_toolgroup,
-		.cke_toolgroup:hover {
-			box-shadow: initial;
-		}
-
-		.cke_button {
-			&:hover {
-				box-shadow: none;
-			}
-
-			.cke_button_label {
-				&:after {
-					background-image: linear-gradient(#fff, #e4e4e4);
-					border-radius: 2px;
-				}
-
-				&:hover:after {
-					background-image: linear-gradient(#f2f2f2, #ccc);
-				}
-			}
-		}
-	}
-}
-
-// ---------- Switches ----------
-
-input.switch {
-	&:focus ~ .switch-bar:before {
-		box-shadow: 0 0 3px #00f;
-	}
-
-	&:empty ~ .switch-bar {
-		&:after,
-		&:before,
-		.switch-icon,
-		.switch-toggle:after,
-		.switch-toggle:before {
-			@include transition(all 100ms ease-in);
-		}
-	}
-}
-
-// ---------- Image selector ----------
-
-.taglib-image-selector {
-	.selection-status {
-		@include transition(opacity 0.2s ease-in-out);
-
-		border-radius: 30px;
-	}
-
-	.progress-wrapper .progressbar {
-		border-radius: 0;
-	}
-}
-
-// ---------- Drop here info ----------
-
-.drop-here-info {
-	@include transition(all 0.2s ease-in-out);
-
-	.drop-icons {
-		@include transition(all 0.2s ease-in-out);
-
-		span {
-			@include transition(all 0.3s ease-in-out);
-
-			border-radius: 3px;
-		}
-
-		span:nth-of-type(1) {
-			box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
-			transform: rotate(25deg);
-		}
-
-		span:nth-of-type(2) {
-			box-shadow: 0 6px 0 -2px rgba(0, 0, 0, 0.15);
-			transform: scale(0.8);
-		}
-
-		span:nth-of-type(3) {
-			box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
-			transform: rotate(-25deg);
-		}
-	}
-}
-
-.drop-active .drop-here-info {
-	span:nth-of-type(1) {
-		transform: rotate(-20deg);
-	}
-
-	span:nth-of-type(2) {
-		transform: scale(1);
-	}
-
-	span:nth-of-type(3) {
-		transform: rotate(15deg);
-	}
-}
-
 .form-group.form-inline {
 	&.input-boolean-wrapper,
 	&.input-checkbox-wrapper {

package/css/application/_drag_drop.scss

@@ -89,6 +89,12 @@ html#{$cadmin-selector} {
 
 .portlet-boundary.yui3-dd-dragging {
 	opacity: 0.6;
+	transform: scale(0.8);
+	transition: transform 0.3s ease;
+
+	@media (prefers-reduced-motion: reduce) {
+		transition: none;
+	}
 
 	.portlet {
 		border: 2px dashed #ccc;
@@ -148,3 +154,7 @@ html#{$cadmin-selector} {
 .yui3-dd-proxy {
 	z-index: 1110 !important;
 }
+
+.portlet-column-content.empty {
+	padding: $portlet-column-content-empty-padding;
+}

package/css/application/_variables.scss

@@ -183,3 +183,7 @@ $user-icon-color-6: #9be169 !default;
 $user-icon-color-7: #af78ff !default;
 $user-icon-color-8: #ffd76e !default;
 $user-icon-color-9: #5fc8ff !default;
+
+// ---------- Column widths ----------
+
+$portlet-column-content-empty-padding: 50px;

package/css/layout/_layout.scss

@@ -1,11 +0,0 @@
-// ---------- Column widths ----------
-
-.portlet-column-content.empty {
-	padding: $portlet-column-content-empty-padding;
-}
-
-// ---------- Wrapper ----------
-
-#wrapper {
-	position: relative;
-}

package/css/layout/_variables.scss

@@ -1 +0,0 @@
-$portlet-column-content-empty-padding: 50px;

package/css/main.scss

@@ -14,8 +14,6 @@
 
 @import 'portlet';
 
-@import 'widget';
-
 @import 'extras';
 
 @import 'custom';

package/css/navigation/_manage_controls.scss

@@ -1,61 +0,0 @@
-.modify-pages {
-	li {
-		position: relative;
-
-		&.lfr-nav-hover {
-			.delete-tab {
-				opacity: 1;
-			}
-		}
-	}
-
-	.delete-tab {
-		color: #444;
-		cursor: pointer;
-		display: block;
-		font-size: 20px;
-		font-weight: bold;
-		height: 16px;
-		line-height: 6px;
-		margin-top: -8px;
-		opacity: 0;
-		overflow: hidden;
-		padding: 3px 0;
-		position: absolute;
-		right: 1px;
-		text-shadow: 0 1px #fff;
-		top: 50%;
-
-		&:hover {
-			color: #b50303;
-		}
-	}
-
-	.drag-handle {
-		cursor: move;
-		left: 3px;
-		margin-left: 15px;
-		position: absolute;
-		top: 15px;
-	}
-}
-
-.controls-hidden .modify-pages {
-	.drag-handle {
-		display: none;
-	}
-}
-
-.touch .modify-pages {
-	@include media-breakpoint-up(md) {
-		.drag-handle {
-			display: none;
-		}
-	}
-}
-
-.nav {
-	li .toolbar {
-		margin-top: 5px;
-	}
-}

package/css/navigation/_page.scss

@@ -1,56 +0,0 @@
-.navigation-pane {
-	.body-row {
-		height: 100%;
-		overflow: hidden;
-		position: relative;
-		width: 100%;
-
-		ul li a .icon {
-			float: left;
-			margin-right: 5px;
-		}
-	}
-
-	.lfr-component {
-		margin-left: 0;
-	}
-
-	.navigation-entry {
-		position: relative;
-
-		&.folder.error {
-			display: block;
-			padding: 6px 8px;
-		}
-
-		.browse-folder,
-		.nav-item-label {
-			@include text-truncate();
-
-			vertical-align: middle;
-		}
-
-		.nav-item-icon {
-			vertical-align: middle;
-		}
-
-		.overlay.entry-action {
-			bottom: 0;
-			display: block;
-			overflow: hidden;
-			position: absolute;
-			right: 0;
-			top: 0;
-
-			.btn {
-				border-width: 0;
-				margin: 0;
-				padding: 11px 14px;
-
-				@include media-breakpoint-up(md) {
-					padding: 11px;
-				}
-			}
-		}
-	}
-}

package/css/navigation/_portlet.scss

@@ -1,45 +0,0 @@
-.nav-menu {
-	ul {
-		padding-left: 10px;
-	}
-
-	li a {
-		&.ancestor {
-			font-weight: bold;
-		}
-
-		&.selected {
-			color: #000;
-			font-weight: bold;
-			text-decoration: none;
-		}
-	}
-}
-
-.nav-menu-style-arrows ul {
-	list-style-image: url(../images/arrows/04_right.png);
-}
-
-.portlet-navigation {
-	.nav-pills > li {
-		> a {
-			margin-bottom: 2px;
-		}
-
-		> .dropdown-menu {
-			margin-top: 0;
-		}
-	}
-}
-
-.split-button-dropdowns {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-
-	> li {
-		display: inline-block;
-		padding-left: 2px;
-		padding-right: 2px;
-	}
-}