thedesk/app/css/userdata.css

91 lines
1.6 KiB
CSS
Raw Normal View History

2018-01-28 23:22:43 +11:00
/*アイコンをクリックした時とかにでてくるユーザーデータ*/
#his-data {
background-repeat: no-repeat;
background-image: url('/img/loading.svg');
overflow-y: hidden;
}
2018-09-05 01:04:56 +10:00
#his-name{
font-size:1.5rem;
}
2018-01-28 23:22:43 +11:00
#his-prof {
float: left;
width: 100px;
2018-09-05 01:04:56 +10:00
margin-right:5px;
2018-01-28 23:22:43 +11:00
}
.his-float {
float: left;
overflow-y: scroll;
padding: 5px;
}
2018-09-05 01:04:56 +10:00
#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;
}
2018-01-28 23:22:43 +11:00
#his-data-show {
2018-09-05 01:04:56 +10:00
margin: 20px;
2018-07-07 03:51:48 +10:00
background-color:var(--his-data);
2018-09-05 01:04:56 +10:00
width: calc(100% - 20px);
height: calc(100% - 20px);
2018-01-28 23:22:43 +11:00
margin-bottom: 0;
padding: 5px;
}
.tab-content {
overflow-y: scroll;
2018-09-05 01:04:56 +10:00
overflow-x: hidden;
2018-01-28 23:22:43 +11:00
height: calc(100% - 240px)
}
.my-data-width {
2018-06-12 01:44:28 +10:00
width: 10%;
2018-01-28 23:22:43 +11:00
}
2018-03-14 05:31:31 +11:00
.active-back{
2018-07-07 03:51:48 +10:00
background-color: var(--active);
2018-03-14 05:31:31 +11:00
}
2018-05-26 02:37:35 +10:00
#his-name .emojione,#his-name .emoji-img{
width: 20px;
}
2018-09-05 01:04:56 +10:00
#his-plus-action .btn{
width:170px
}
.custom-tabs{
display:flex;
}
.custom-tabs .custom-tab a{
padding: 8px 12px;
2018-09-14 02:40:51 +10:00
}
#his-des .mention{
color: #039be5;
cursor: pointer;
2018-09-05 01:04:56 +10:00
}