109 lines
1.8 KiB
CSS
109 lines
1.8 KiB
CSS
/*アイコンをクリックした時とかにでてくるユーザーデータ*/
|
|
#his-data {
|
|
background-repeat: no-repeat;
|
|
background-image: url("../../loading.svg");
|
|
overflow-y: hidden;
|
|
}
|
|
#his-name {
|
|
font-size: 1.5rem;
|
|
}
|
|
#his-prof {
|
|
float: left;
|
|
width: 100px;
|
|
margin-right: 5px;
|
|
}
|
|
.his-float {
|
|
float: left;
|
|
overflow-y: scroll;
|
|
padding: 5px;
|
|
}
|
|
#his-float-data {
|
|
width: 400px;
|
|
height: 100%;
|
|
}
|
|
#his-float-timeline {
|
|
width: calc(100% - 400px);
|
|
height: 100%;
|
|
overflow-y: hidden;
|
|
}
|
|
#his-basic-prof {
|
|
min-height: 130px;
|
|
}
|
|
#his-matching-list {
|
|
overflow-y: scroll;
|
|
overflow-x: hidden;
|
|
}
|
|
#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: 5px;
|
|
margin-bottom: 1px;
|
|
width: 30%;
|
|
}
|
|
.his-field-content {
|
|
height: 1.5rem;
|
|
padding: 0;
|
|
padding-left: 5px;
|
|
}
|
|
#his-data a span.ellipsis:after {
|
|
content: "...";
|
|
}
|
|
#his-data a:not(.mention) span:last-of-type {
|
|
display: none;
|
|
}
|
|
#his-data-show {
|
|
margin: 20px;
|
|
background-color: var(--his-data);
|
|
width: calc(100% - 20px);
|
|
height: calc(100% - 20px);
|
|
margin-bottom: 0;
|
|
padding: 5px;
|
|
}
|
|
.tab-content {
|
|
overflow-y: scroll;
|
|
overflow-x: hidden;
|
|
height: calc(100% - 240px);
|
|
}
|
|
.my-data-width {
|
|
width: 10%;
|
|
}
|
|
.active-back {
|
|
background-color: var(--active);
|
|
}
|
|
#his-name .emojione,
|
|
#his-name .emoji-img {
|
|
width: 20px;
|
|
}
|
|
#his-plus-action .btn {
|
|
width: 170px;
|
|
}
|
|
.tabs {
|
|
display: flex;
|
|
}
|
|
.tabs .tab a {
|
|
padding: 8px 12px;
|
|
}
|
|
#his-des .mention {
|
|
color: #039be5;
|
|
cursor: pointer;
|
|
}
|
|
#his-float-blocked {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 2rem;
|
|
width: 90%;
|
|
height: 100%;
|
|
position: absolute;
|
|
}
|