thedesk/app/css/userdata.css

/*アイコンをクリックした時とかにでてくるユーザーデータ*/
#his-data {
	background-repeat: no-repeat;
	background-image: url('../img/loading.svg');
	overflow-y: hidden;
}
#his-data .btn .material-icons {
	float: left;
}
#his-data-content {
	display: flex;
	justify-content: center;
}
#his-name {
	font-size: 1.5rem;
}
#his-prof {
	width: 7.7rem;
	margin-right: 0.4rem;
}
.his-float {
	overflow-y: scroll;
	padding: 0.4rem;
}
#his-float-data {
	height: 100%;
	overflow-y: hidden;
}
#his-leftside {
	width: 28.4rem;
	max-width: 30vw;
}
#his-float-timeline {
	max-width: 47.5rem;
	width: calc(100% - 28.4rem);
	height: 100%;
	overflow-y: hidden;
}
#his-basic-prof {
	display: flex;
	min-height: 10rem;
}
#his-field {
	vertical-align: baseline;
	text-align: center;
	padding: 0;
}
#his-field tr {
	height: 1.5rem;
}
.his-field-title {
	height: 1.5rem;
	padding: 0;
	background-color: #757575;
	text-align: center;
	padding: 0.4rem;
	margin-bottom: 1px;
	width: 30%;
}
.his-field-content {
	height: 1.5rem;
	padding: 0;
	padding-left: 0.4rem;
}
.his-var-content a span.ellipsis:after {
	content: '...';
}
.his-var-content a:not(.mention) span:last-of-type {
	display: none;
}
#his-data a .rep_ct,
#his-data a .rt_ct,
#his-data a .fav_ct {
	display: inline !important;
}
#his-data-show {
	margin: 1.5rem;
	margin-left: 3.8rem;
	margin-right: 3.8rem;
	background-color: var(--his-data);
	height: calc(100% - 1.5rem);
	margin-bottom: 0;
	padding: 0.4rem;
}
#his-data-wrap {
	display: flex;
}
.his-var-content {
	overflow-y: scroll;
	overflow-x: hidden;
	height: calc(100% - 3.4rem);
	padding-bottom: 60px;
}
#my-data-nav .btn {
	width: 10.6rem;
}
#my-data-nav .active-back {
	display: none;
}
#his-name .emojione,
#his-name .emoji-img {
	width: 1.538rem;
}
#his-plus-action .btn {
	padding-right: 0.4rem;
	padding-left: 0.4rem;
}
.tabs {
	display: flex;
}
.tabs .tab a {
	padding: 0.6rem 0.9rem;
}
#his-des {
	max-height: 17.7rem;
	overflow-y: scroll;
}
#his-sign-action {
	border: 1px solid;
	border-radius: 0.4rem;
	display: flex;
	align-items: center;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	flex-wrap: wrap;
}
#his-sign-action .btn {
	flex-basis: calc(50% - 10.6px);
}
#his-sign-action .dropdown-trigger {
	flex-basis: 100%;
}
#his-des .mention {
	color: #039be5;
	cursor: pointer;
}
#his-table {
	max-height: 11.538rem;
	overflow-y: scroll;
}
#his-float-blocked {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	height: 100%;
}
#hisdropdown {
	background-color: var(--bg);
}
#hisdropdown li a {
	color: var(--text);
}
#hisdropdown li:hover {
	background-color: var(--active);
}
#his-data-title-wrap {
	width: 100%;
	text-align: center;
	font-size: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
#his-data-title .material-icons {
	position: relative;
	top: 5px;
	margin-right: 3px;
}
#his-data-title a {
	color: white;
}