thedesk/app/css/userdata.css

151 lines
2.5 KiB
CSS
Raw Permalink Normal View History

2018-01-28 23:22:43 +11:00
/*アイコンをクリックした時とかにでてくるユーザーデータ*/
#his-data {
background-repeat: no-repeat;
2019-05-19 17:39:30 +10:00
background-image: url("../../loading.svg");
2018-01-28 23:22:43 +11:00
overflow-y: hidden;
}
2019-10-20 15:11:03 +11:00
#his-data .btn .material-icons{
float:left;
}
2019-08-24 02:09:56 +10:00
#his-data-content {
display: flex;
justify-content: center;
}
2019-05-19 17:39:30 +10:00
#his-name {
font-size: 1.5rem;
2018-09-05 01:04:56 +10:00
}
2018-01-28 23:22:43 +11:00
#his-prof {
float: left;
width: 100px;
2019-05-19 17:39:30 +10:00
margin-right: 5px;
2018-01-28 23:22:43 +11:00
}
.his-float {
overflow-y: scroll;
padding: 5px;
}
2019-05-19 17:39:30 +10:00
#his-float-data {
2018-09-17 21:55:00 +10:00
height: 100%;
2019-10-20 15:11:03 +11:00
overflow-y: hidden;
2018-09-05 01:04:56 +10:00
}
2019-08-24 02:09:56 +10:00
#his-leftside {
width: 500px;
}
2019-05-19 17:39:30 +10:00
#his-float-timeline {
2019-08-24 02:09:56 +10:00
max-width: 775px;
2019-05-19 17:39:30 +10:00
height: 100%;
overflow-y: hidden;
2018-09-05 01:04:56 +10:00
}
2019-05-19 17:39:30 +10:00
#his-basic-prof {
min-height: 130px;
2018-09-05 01:04:56 +10:00
}
2019-05-19 17:39:30 +10:00
#his-matching-list {
2018-09-05 01:04:56 +10:00
overflow-y: scroll;
overflow-x: hidden;
}
2019-05-19 17:39:30 +10:00
#his-field {
2018-09-05 01:04:56 +10:00
vertical-align: baseline;
2019-05-19 17:39:30 +10:00
text-align: center;
padding: 0;
2018-09-05 01:04:56 +10:00
}
2019-05-19 17:39:30 +10:00
#his-field tr {
height: 1.5rem;
2018-09-05 01:04:56 +10:00
}
2019-05-19 17:39:30 +10:00
.his-field-title {
height: 1.5rem;
padding: 0;
background-color: #757575;
text-align: center;
padding: 5px;
margin-bottom: 1px;
width: 30%;
2018-09-05 01:04:56 +10:00
}
2019-05-19 17:39:30 +10:00
.his-field-content {
height: 1.5rem;
padding: 0;
padding-left: 5px;
2018-09-05 01:04:56 +10:00
}
2019-10-20 15:11:03 +11:00
.his-var-content a span.ellipsis:after {
2019-05-19 17:39:30 +10:00
content: "...";
2018-09-05 01:04:56 +10:00
}
2019-10-20 15:11:03 +11:00
.his-var-content a:not(.mention) span:last-of-type {
2019-05-19 17:39:30 +10:00
display: none;
2018-09-05 01:04:56 +10:00
}
2019-08-24 02:09:56 +10:00
#his-data a .rep_ct,
#his-data a .rt_ct,
#his-data a .fav_ct {
display: inline !important;
}
2018-01-28 23:22:43 +11:00
#his-data-show {
2018-09-05 01:04:56 +10:00
margin: 20px;
2019-08-24 02:09:56 +10:00
margin-left: 50px;
margin-right: 50px;
2019-05-19 17:39:30 +10:00
background-color: var(--his-data);
2018-09-05 01:04:56 +10:00
height: calc(100% - 20px);
2018-01-28 23:22:43 +11:00
margin-bottom: 0;
padding: 5px;
}
2019-08-24 02:09:56 +10:00
#his-data-wrap {
display: flex;
}
.his-var-content {
2018-01-28 23:22:43 +11:00
overflow-y: scroll;
2018-09-05 01:04:56 +10:00
overflow-x: hidden;
2019-08-24 02:09:56 +10:00
height: calc(100% - 45px);
2018-01-28 23:22:43 +11:00
}
2019-08-24 02:09:56 +10:00
#my-data-nav .btn {
width: 140px;
2018-01-28 23:22:43 +11:00
}
2019-05-19 17:39:30 +10:00
.active-back {
2018-07-07 03:51:48 +10:00
background-color: var(--active);
2018-03-14 05:31:31 +11:00
}
2019-05-19 17:39:30 +10:00
#his-name .emojione,
#his-name .emoji-img {
2018-05-26 02:37:35 +10:00
width: 20px;
}
2019-05-19 17:39:30 +10:00
#his-plus-action .btn {
2019-10-20 15:11:03 +11:00
padding-right: 5px;
padding-left: 5px;
2018-09-05 01:04:56 +10:00
}
2019-06-07 02:11:04 +10:00
.tabs {
2019-05-19 17:39:30 +10:00
display: flex;
2018-09-05 01:04:56 +10:00
}
2019-06-07 02:11:04 +10:00
.tabs .tab a {
2018-09-05 01:04:56 +10:00
padding: 8px 12px;
2018-09-14 02:40:51 +10:00
}
2019-10-20 15:11:03 +11:00
#his-des {
max-height: 250px;
overflow-y: scroll;
}
#his-sign-action {
border: 1px solid;
border-radius: 5px;
display: flex;
align-items: center;
padding-left: 10px;
padding-right: 10px;
flex-wrap: wrap;
}
#his-sign-action .btn {
flex-basis: 31.2%;
}
2019-05-19 17:39:30 +10:00
#his-des .mention {
2018-09-14 02:40:51 +10:00
color: #039be5;
cursor: pointer;
2019-04-11 02:52:01 +10:00
}
2019-10-20 15:11:03 +11:00
#his-table{
max-height: 150px;
overflow-y: scroll;
}
2019-05-19 17:39:30 +10:00
#his-float-blocked {
display: flex;
justify-content: center;
align-items: center;
font-size: 2rem;
2019-04-11 02:52:01 +10:00
height: 100%;
2019-05-19 17:39:30 +10:00
}
#hisdropdown{
background-color: var(--bg);
}
#hisdropdown li:hover{
background-color: var(--active);
}