css fix

app/css/userdata.css

@@ -1,11 +1,11 @@
 /*アイコンをクリックした時とかにでてくるユーザーデータ*/
 #his-data {
 	background-repeat: no-repeat;
-  background-image: url("../img/loading.svg");
+	background-image: url('../img/loading.svg');
 	overflow-y: hidden;
 }
-#his-data .btn .material-icons{
-  float:left;
+#his-data .btn .material-icons {
+	float: left;
 }
 #his-data-content {
 	display: flex;
@@ -15,7 +15,6 @@
 	font-size: 1.5rem;
 }
 #his-prof {
-  float: left;
 	width: 7.7rem;
 	margin-right: 0.4rem;
 }
@@ -26,16 +25,20 @@
 #his-float-data {
 	height: 100%;
   overflow-y: hidden;
+  
 }
 #his-leftside {
-  width: 38.4rem;
+  width: 28.4rem;
+  max-width: 30vw;
 }
 #his-float-timeline {
-  max-width: 59.6rem;
+  max-width: 47.5rem;
+  min-width: calc(100% - 29.4rem);
 	height: 100%;
 	overflow-y: hidden;
 }
 #his-basic-prof {
+  display: flex;
 	min-height: 10rem;
 }
 #his-field {
@@ -61,7 +64,7 @@
 	padding-left: 0.4rem;
 }
 .his-var-content a span.ellipsis:after {
-  content: "...";
+	content: '...';
 }
 .his-var-content a:not(.mention) span:last-of-type {
 	display: none;
@@ -90,10 +93,10 @@
 	padding-bottom: 60px;
 }
 #my-data-nav .btn {
-  width: 10.7rem;
+	width: 10.6rem;
 }
-.active-back {
-  background-color: var(--active);
+#my-data-nav .active-back {
+	display: none;
 }
 #his-name .emojione,
 #his-name .emoji-img {
@@ -123,13 +126,13 @@
 	flex-wrap: wrap;
 }
 #his-sign-action .btn {
-  flex-basis: 31.2%;
+	flex-basis: calc(50% - 10.6px);
 }
 #his-des .mention {
 	color: #039be5;
 	cursor: pointer;
 }
-#his-table{
+#his-table {
 	max-height: 11.538rem;
 	overflow-y: scroll;
 }
@@ -140,12 +143,17 @@
 	font-size: 2rem;
 	height: 100%;
 }
-#hisdropdown{
+#hisdropdown {
 	background-color: var(--bg);
 }
 #hisdropdown li a {
 	color: white;
 }
-#hisdropdown li:hover{
+#hisdropdown li:hover {
 	background-color: var(--active);
 }
+#his-data-title {
+	width: 100%;
+	text-align: center;
+	font-size: 1.5rem;
+}

app/js/userdata/showOnTL.js

@@ -554,6 +554,8 @@ function reset() {
 $("#my-data-nav .anc-link").on("click", function() {
 	var target = $(this).attr("go")
 	if (target) {
+		const title = $(this).html()
+		$('#his-data-title').html(title)
 		$("#my-data-nav .anc-link").removeClass("active-back")
 		$(this).addClass("active-back")
 		$(target).show()

app/main/css.js

@@ -144,7 +144,7 @@ function css(mainWindow) {
 					hisData +
 					";--active:" + active + ";--postbox:" + postbox + ";--modalfooter:" +
 					modalFooter + ";--selected:" + selected + ";--selectedWithShare:" + selectedWithShare +
-					"--gray:" + gray + ";}" +
+					";--gray:" + gray + ";}" +
 					".customtheme #imagemodal{background: url(\"../img/pixel.svg\");}";
 			} else {
 				var css = compatibleTheme(json)