thedesk/app/css/userdata.css
2018-09-14 01:40:51 +09:00

91 lines
1.6 KiB
CSS

/*アイコンをクリックした時とかにでてくるユーザーデータ*/
#his-data {
background-repeat: no-repeat;
background-image: url('/img/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;
}
#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;
}
.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
}
.custom-tabs{
display:flex;
}
.custom-tabs .custom-tab a{
padding: 8px 12px;
}
#his-des .mention{
color: #039be5;
cursor: pointer;
}