ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / curs.tbf.ro / src / scss /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : _list_page.scss \| Size : 12.43 KB
.list-page-tbf{ padding: 36px 0 100px; .header-list-page-section{ display: flex; align-items: flex-start; .space-left{ margin-top: 12px; .list-icon{ .stroke-color{ stroke: #AFB1B8; } } } .content-section{ flex: 1; .header-table{ display: flex; align-items: center; width: 100%; .left-part{ flex: 1; padding-right: 20px; .search-box{ color: $primary; } } .right-part{ margin-left: 15px; display: flex; .action-header{ margin-right: 20px; &:last-child{ margin-right: 0; } button{ height: 36px; font-size: 12px; // font-weight: 500; padding: 0 15px; } &.add-button{ @media(max-width: 600px){ button{ width: 36px; padding: 0; svg{ margin-right: 0; } } } } &.filter-quarter{ button{ width: 160px; padding: 0 15px; display: flex; align-items: center; justify-content: center; @media(max-width: 600px){ width: 36px; padding: 0; } .quarter-no{ color: $primary; margin-right: 5px; } .quarter-period{ font-size: 12px; color: $primary; text-transform: capitalize; } .icon-arrow{ margin-left: auto; } } .dropdown-menu{ max-height: 200px; overflow: auto; background: #FFF; right: -19px; left: auto !important; @media(max-width: 600px){ right: initial; } .dropdown-item{ display: flex; align-items: center; padding: 10px 16px 10px 20px; &:first-child{ border-top: 0; } &.bor-top{ border-top: 2px solid #f0f0f0; } .quarter-no{ color: $primary; margin-right: 15px; font-size: 12px; } .quarter-period{ font-size: 12px; color: $primary; text-transform: capitalize; opacity: .7; } } } } &.filter-date{ &.filter-promises{ button{ width: 150px; @media(max-width: 600px){ width: fit-content; } } } &.filter-involved{ button{ width: 140px; @media(max-width: 600px){ width: 36px; padding: 0; justify-content: center; } } } button{ width: 110px; display: flex; align-items: center; @media(max-width: 600px){ width: 36px; padding: 0; justify-content: center; } } .icon-arrow{ margin-left: auto; } .clearFilter{ margin-left: auto; height: 12px; margin-right: -2px; } } &.filter-general{ button{ width: 36px; height: 36px; padding: 0; } } &.multiselect-tags-filter{ width: 150px; &.clearReq{ .e-input-group-icon.e-ddl-icon{ display: none !important; } .e-chips-close{ display: block !important; height: 12px !important; top: 50% !important; transform: translate(0, -50%) !important; color: $primary; &:before{ top: 0 !important; left: 2px !important; content: ' ' !important; background-image: url('/build/icons/close.svg'); width: 12px; height: 12px; display: block; background-size: contain; background-repeat: no-repeat; background-position: center; } } } &:hover{ .multiselect-tags{ border: solid 1px #b0b1b3; background-color: #eaecee; } } .multiselect-tags{ height: 36px; border: 1px solid $borderCard; border-radius: 10px; background: #fcfcfc; .e-multi-select-wrapper{ display: flex; align-items: center; padding: 0 15px; height: 100%; cursor: pointer; .e-searcher{ flex: 1; input{ font-size: 12px; // font-weight: 500; color: $primary; &::-webkit-input-placeholder {color: $primary;} &:-moz-placeholder {color: $primary;} &::-moz-placeholder {color: $primary;} &:-ms-input-placeholder {color: $primary;} } } .e-delim-values{ font-size: 12px; font-weight: 500; color: $primary; // padding: 0; &.e-delim-total{ .e-remain{ padding: 0; } } } .e-chips-close.e-close-hooker{ height: 36px; top: 0; right: 2px; margin-top: 0; &:before{ top: 13px; } } .e-input-group-icon.e-ddl-icon{ float: initial; margin-left: auto; font-size: 8px; margin-top: 4px; } } } } } } } } } .list-items-section{ margin-top: 33px; .group_items{ align-items: center; .space-left, .space-right{ margin-top: 0; } } } &.goals-page { .list-items-section { .group_items { .content-row { .row-tbf { height: 100px; .column-tbf { &.row-title { .name, .description { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .name { font-size: 16px; line-height: 19px; color: $primary; font-weight: bold; margin-bottom: 6px; } .description { font-size: 12px; line-height: 16px; font-weight: normal; color: #606270; } } } } .obj-icon{ &.warning{ .stroke-color{ stroke: #ff9900; } } } .obj-name-width { flex: 1; .name, .description{ max-width: 370px; } } .obj-updates-width { width: 170px; padding-left: 15px; padding-right: 15px; } .obj-key-results-width { width: 140px; padding-right: 15px; } .obj-deadline-width{ width: 110px; } .obj-promises-width { width: 125px; padding-left: 15px; padding-right: 15px; @media(min-width: 1680px){ width: 140px; } @media(min-width: 1920px){ } } .obj-tasks-width { width: 150px; padding-left: 25px; padding-right: 15px; @media(min-width: 1680px){ width: 150px; } @media(min-width: 1920px){ } } .obj-upcoming-width{ width: 130px; @media(min-width: 1680px){ width: 130px; } @media(min-width: 1920px){ width: 210px; } } .obj-column-right { width: 130px; padding-left: 15px; @media(min-width: 1680px){ width: 130px; } @media(min-width: 1920px){ width: 130px; } .top-data{ margin-left: auto; max-width: 80px; } .progress-bar-tbf{ margin-left: auto; max-width: 80px; } } .obj-user-width { width: 53px; padding-left: 15px; } } } } } &.people-page { .list-items-section { .group_items { .content-row { .row-tbf { height: 98px; .text-medium { color: #202337; font-size: 18px; font-weight: 500; height: 21px; line-height: 1.17; margin-bottom: 7px; // text-transform: capitalize; } .group-tags { display: flex; .tag-color { background-color: transparent; border: 0; margin-right: 10px; height: 11px; div { color: #626573; font-size: 10px; line-height: 11px; display: flex; align-items: center; } span { display: block; width: 8px; height: 8px; object-fit: contain; background-color: rgba(8, 129, 255, 0.6); border-radius: 50%; margin-right: 3px; } &.color-grey { span { background: #f0f1f3; border: 1px solid #cfd1d5; } } &.color-blue { span { background: rgba(8, 129, 255, 0.6); border: 1px solid #0060c3; } } &.color-red { span { background: rgba(235, 27, 104, 0.3); border: 1px solid #eb1b68; } } &.color-violet { span { background: rgba(202, 99, 255, 0.6); border: 1px solid #9e43cd; } } &.default-color { background-color: transparent !important; span { border: 0; background-color: #bfbfbf33 !important; border: 1px solid #cfd1d5; } } } } .user-circle { width: 51px; height: 51px; display: flex; justify-content: center; align-items: center; @media(max-width: 600px){ width: 40px; height: 40px; } img { width: 51px; height: 51px; object-fit: cover; &.no-avatar{ width: 30px; height: auto; } @media(max-width: 600px){ width: 40px; height: 40px; } } } .column-tbf { font-size: 14px; line-height: 16px; color: #525464; .count { margin-left: 8px; } } .user-img-width { padding-right: 17px; } .user-name-width { padding-left: 17px; flex: 1; } .user-key-results-width { width: 110px; padding-right: 15px; @media(min-width: 1680px){ width: 110px; } @media(min-width: 1920px){ } } .user-objectives-width { width: 110px; padding-right: 15px; @media(min-width: 1680px){ width: 110px; } @media(min-width: 1920px){ } } .user-promise-width { width: 100px; .v-popover{ margin-left: auto; } span { margin-left: 8px; } img { margin-right: 0; } @media(min-width: 1680px){ width: 100px; } @media(min-width: 1920px){ } } } } } } } } .list-promises-cards{ display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; .item-promise{ padding: 0px 15px; width: calc(33.333% - 30px); border-radius: 10px; border: solid 1px #dcdee1; padding: 26px 30px; margin: 0 15px 30px; min-height: 300px; box-sizing: border-box; position: relative; @media(min-width: 1920px){ width: calc(25% - 30px); } @media(max-width: 1485px){ width: calc(50% - 30px); } &.empty{ &:before{ display: none; } } &:hover{ background-color: rgba(240, 241, 243, 0.2); } &:before{ content: ""; display: block; width: calc(100% - 20px); position: absolute; left: 10px; bottom: -10px; height: 10px; border-radius: 10px; border-top: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; border: solid 1px #dcdee1; background-color: #fcfcfc; } } } .e-popup.e-multi-select-list-wrapper{ border-radius: 10px !important; box-shadow: 0 12px 17px 0 rgba(80, 119, 155, 0.1) !important; border: solid 1px #dcdee1 !important; background-color: #ffffff !important; overflow: hidden !important; .e-filter-parent{ box-shadow: none; border-bottom: 1px solid $borderCard; .e-input-group{ max-width: 100%; input{ border: 0; max-width: 100%; } } } .e-content.e-dropdownbase{ .e-list-parent{ .e-list-item{ padding-right: 3px; text-indent: 10px; .e-checkbox-wrapper{ .e-frame{ border: solid 1px $slateGrey; display: flex; align-items: center; justify-content: center; &:before{ font-size: 10px; } &.e-check{ box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3); border: solid 1px $borderBlue; background-color: $bgBlue; } } } } } } } Back

Edit File : _list_page.scss | Size : 12.43 KB

.list-page-tbf{
	padding: 36px 0 100px;
	.header-list-page-section{
		display: flex;
		align-items: flex-start;
		.space-left{
			margin-top: 12px;
			.list-icon{
				.stroke-color{
					stroke: #AFB1B8;
				}
			}
		}
		.content-section{
			flex: 1;
			.header-table{
				display: flex;
				align-items: center;
				width: 100%;
				.left-part{
					flex: 1;
					padding-right: 20px;
					.search-box{
						color: $primary;
					}
				}
				.right-part{
					margin-left: 15px;
					display: flex;
					.action-header{
						margin-right: 20px;
						&:last-child{
							margin-right: 0;
						}
						button{
							height: 36px;
							font-size: 12px;
							// font-weight: 500;
							padding: 0 15px;
						}
						&.add-button{
							@media(max-width: 600px){
								button{
									width: 36px;
									padding: 0;
									svg{
										margin-right: 0;
									}
								}
							}
						}
						&.filter-quarter{
							button{
								width: 160px;
								padding: 0 15px;
								display: flex;
								align-items: center;
								justify-content: center;
								@media(max-width: 600px){
									width: 36px;
									padding: 0;
								}
								.quarter-no{
									color: $primary;
									margin-right: 5px;
								}
								.quarter-period{
									font-size: 12px;
									color: $primary;
									text-transform: capitalize;
								}
								.icon-arrow{
									margin-left: auto;
								}
							}
							.dropdown-menu{
								max-height: 200px;
								overflow: auto;
								background: #FFF;
								right: -19px;
								left: auto !important;
								@media(max-width: 600px){
									right: initial;
								}
								.dropdown-item{
									display: flex;
									align-items: center;
									padding: 10px 16px 10px 20px;
									&:first-child{
										border-top: 0;
									}
									&.bor-top{
										border-top: 2px solid #f0f0f0;
									}
									.quarter-no{
										color: $primary;
										margin-right: 15px;
										font-size: 12px;
									}
									.quarter-period{
										font-size: 12px;
										color: $primary;
										text-transform: capitalize;
										opacity: .7;
									}
								}
							}
						}
						&.filter-date{
							&.filter-promises{
								button{
									width: 150px;
									@media(max-width: 600px){
										width: fit-content;
									}
								}
							}
							&.filter-involved{
								button{
									width: 140px;
									@media(max-width: 600px){
										width: 36px;
										padding: 0;
										justify-content: center;
									}
								}
							}
							button{
								width: 110px;
								display: flex;
								align-items: center;
								@media(max-width: 600px){
									width: 36px;
									padding: 0;
									justify-content: center;
								}
							}
							.icon-arrow{
								margin-left: auto;
							}
							.clearFilter{
								margin-left: auto;
								height: 12px;
								margin-right: -2px;
							}
						}
						&.filter-general{
							button{
								width: 36px;
								height: 36px;
								padding: 0;
							}
						}
						&.multiselect-tags-filter{
							width: 150px;
							&.clearReq{
								.e-input-group-icon.e-ddl-icon{
									display: none !important;
								}
								.e-chips-close{
									display: block !important;
								    height: 12px !important;
									top: 50% !important;
									transform: translate(0, -50%) !important;
									color: $primary;
									&:before{
										top: 0 !important;
										left: 2px !important;
										content: ' ' !important;
										background-image: url('/build/icons/close.svg');
										width: 12px;
										height: 12px;
										display: block;
										background-size: contain;
										background-repeat: no-repeat;
										background-position: center;
									}
								}
							}
							&:hover{
								.multiselect-tags{
									border: solid 1px #b0b1b3;
									background-color: #eaecee;
								}	
							}
							.multiselect-tags{
								height: 36px;
								border: 1px solid $borderCard;
								border-radius: 10px;
								background: #fcfcfc;
								.e-multi-select-wrapper{
									display: flex;
									align-items: center;
									padding: 0 15px;
									height: 100%;
									cursor: pointer;
									.e-searcher{
										flex: 1;
										input{
											font-size: 12px;
											// font-weight: 500;
											color: $primary;
											&::-webkit-input-placeholder {color: $primary;}
											&:-moz-placeholder           {color: $primary;}
											&::-moz-placeholder          {color: $primary;}
											&:-ms-input-placeholder      {color: $primary;}
										}
									}
									.e-delim-values{
										font-size: 12px;
										font-weight: 500;
										color: $primary;
										// padding: 0;
										&.e-delim-total{
											.e-remain{
												padding: 0;
											}
										}
									}
									.e-chips-close.e-close-hooker{
										height: 36px;
										top: 0;
										right: 2px;
										margin-top: 0;
										&:before{
											top: 13px;
										}
									}
									.e-input-group-icon.e-ddl-icon{
										float: initial;
										margin-left: auto;
										font-size: 8px;
										margin-top: 4px;
									}
								}
							}
						}
					}
				}
			}
		}
	}

.list-items-section{
		margin-top: 33px;
		.group_items{
			align-items: center;
			.space-left,
			.space-right{
				margin-top: 0;
			}
		}
	}

&.goals-page {
		.list-items-section {
			.group_items {
				.content-row {
					.row-tbf {
						height: 100px;
						.column-tbf {
							&.row-title {
								.name,
								.description {
									overflow: hidden;
									text-overflow: ellipsis;
									display: -webkit-box;
									-webkit-line-clamp: 1;
									-webkit-box-orient: vertical;
								}
								.name {
									font-size: 16px;
									line-height: 19px;
									color: $primary;
									font-weight: bold;
									margin-bottom: 6px;
								}
								.description {
									font-size: 12px;
									line-height: 16px;
									font-weight: normal;
									color: #606270;
								}
							}
						}
					}
					.obj-icon{
						&.warning{
							.stroke-color{
								stroke: #ff9900;
							}
						}
					}
					.obj-name-width {
						flex: 1;
						.name, .description{
							max-width: 370px;
						}
					}
					.obj-updates-width {
						width: 170px;
						padding-left: 15px;
						padding-right: 15px;
					}
					.obj-key-results-width {
						width: 140px;
						padding-right: 15px;
					}
					.obj-deadline-width{
						width: 110px;
					}
					.obj-promises-width {
						width: 125px;
						padding-left: 15px;
						padding-right: 15px;
						@media(min-width: 1680px){
							width: 140px;
						}
						@media(min-width: 1920px){

}
					}
					.obj-tasks-width {
						width: 150px;
						padding-left: 25px;
						padding-right: 15px;
						@media(min-width: 1680px){
							width: 150px;
						}
						@media(min-width: 1920px){

}
					}
					
					.obj-upcoming-width{
						width: 130px;
						@media(min-width: 1680px){
							width: 130px;
						}
						@media(min-width: 1920px){
							width: 210px;
						}
					}

.obj-column-right {
						width: 130px;
						padding-left: 15px;
						@media(min-width: 1680px){
							width: 130px;
						}
						@media(min-width: 1920px){
							width: 130px;
						}
						.top-data{
							margin-left: auto;
							max-width: 80px;
						}
						.progress-bar-tbf{
							margin-left: auto;
							max-width: 80px;
						}
					}
					.obj-user-width {
						width: 53px;
						padding-left: 15px;
					}
				}
			}
		}
	}

&.people-page {
		.list-items-section {
			.group_items {
				.content-row {
					.row-tbf {
						height: 98px;
						.text-medium {
							color: #202337;
							font-size: 18px;
							font-weight: 500;
							height: 21px;
							line-height: 1.17;
							margin-bottom: 7px;
							// text-transform: capitalize;
						}
						.group-tags {
							display: flex;
							.tag-color {
								background-color: transparent;
								border: 0;
								margin-right: 10px;
								height: 11px;
								div {
									color: #626573;
									font-size: 10px;
									line-height: 11px;
									display: flex;
									align-items: center;
								}
								span {
									display: block;
									width: 8px;
									height: 8px;
									object-fit: contain;
									background-color: rgba(8, 129, 255, 0.6);
									border-radius: 50%;
									margin-right: 3px;
								}
								&.color-grey {
									span {
										background: #f0f1f3;
										border: 1px solid #cfd1d5;
									}
								}
								&.color-blue {
									span {
										background: rgba(8, 129, 255, 0.6);
										border: 1px solid #0060c3;
									}
								}
								&.color-red {
									span {
										background: rgba(235, 27, 104, 0.3);
										border: 1px solid #eb1b68;
									}
								}
								&.color-violet {
									span {
										background: rgba(202, 99, 255, 0.6);
										border: 1px solid #9e43cd;
									}
								}
								&.default-color {
									background-color: transparent !important;
									span {
										border: 0;
										background-color: #bfbfbf33 !important;
										border: 1px solid #cfd1d5;
									}
								}
							}
						}
						.user-circle {
							width: 51px;
							height: 51px;
							display: flex;
							justify-content: center;
							align-items: center;
							@media(max-width: 600px){
								width: 40px;
								height: 40px;
							}
							img {
								width: 51px;
								height: 51px;
								object-fit: cover;
								&.no-avatar{
									width: 30px;
									height: auto;
								}
								@media(max-width: 600px){
									width: 40px;
									height: 40px;
								}
							}
						}
						.column-tbf {
							font-size: 14px;
							line-height: 16px;
							color: #525464;
							.count {
								margin-left: 8px;
							}
						}
						.user-img-width {
							padding-right: 17px;
						}
						.user-name-width {
							padding-left: 17px;
							flex: 1;
						}
						.user-key-results-width {
							width: 110px;
							padding-right: 15px;
							@media(min-width: 1680px){
								width: 110px;
							}
							@media(min-width: 1920px){

}
						}
						.user-objectives-width {
							width: 110px;
							padding-right: 15px;
							@media(min-width: 1680px){
								width: 110px;
							}
							@media(min-width: 1920px){

}
						}
						.user-promise-width {
							width: 100px;
							.v-popover{
								margin-left: auto;
							}
							span {
								margin-left: 8px;
							}
							img {
								margin-right: 0;
							}

@media(min-width: 1680px){
								width: 100px;
							}
							@media(min-width: 1920px){

}
						}
					}
				}
			}
		}
	}
}

.list-promises-cards{
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	.item-promise{
		padding: 0px 15px;
		width: calc(33.333% - 30px); 
		border-radius: 10px;
		border: solid 1px #dcdee1;
		padding: 26px 30px;
		margin: 0 15px 30px;
		min-height: 300px;
		box-sizing: border-box;
		position: relative;
		@media(min-width: 1920px){
			width: calc(25% - 30px); 
		}
		@media(max-width: 1485px){
			width: calc(50% - 30px); 
		}
		&.empty{
			&:before{
				display: none;
			}
		}
		&:hover{
			background-color: rgba(240, 241, 243, 0.2);
		}
		&:before{
			content: "";
			display: block;
			width: calc(100% - 20px);
			position: absolute;
			left: 10px;
			bottom: -10px;
			height: 10px;
			border-radius: 10px;
			border-top: 0px;
			border-top-right-radius: 0px;
			border-top-left-radius: 0px;
			border: solid 1px #dcdee1;
			background-color: #fcfcfc;
		}
	}
}

.e-popup.e-multi-select-list-wrapper{
	border-radius: 10px !important;
	box-shadow: 0 12px 17px 0 rgba(80, 119, 155, 0.1) !important;
	border: solid 1px #dcdee1 !important;
	background-color: #ffffff !important;
	overflow: hidden !important;
	.e-filter-parent{
		box-shadow: none;
		border-bottom: 1px solid $borderCard;
		.e-input-group{
			max-width: 100%;
			input{
				border: 0;
				max-width: 100%;
			}
		}
	}
	.e-content.e-dropdownbase{
		.e-list-parent{
			.e-list-item{
				padding-right: 3px;
				text-indent: 10px;
				.e-checkbox-wrapper{
					.e-frame{
						border: solid 1px $slateGrey;
						display: flex;
						align-items: center;
						justify-content: center;
						&:before{
							font-size: 10px;
						}
						&.e-check{
							box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3);
							border: solid 1px $borderBlue;
							background-color: $bgBlue;
						}
					}
				}
			}
		}
	}
}

Back