Forráskód Böngészése

LODs: fix lod line offset when hide isn't full screen and scrolled

lviguier 7 hónapja
szülő
commit
42e6c16a0c
3 módosított fájl, 9 hozzáadás és 7 törlés
  1. 4 2
      bin/style.css
  2. 5 2
      bin/style.less
  3. 0 3
      hide/view/Model.hx

+ 4 - 2
bin/style.css

@@ -3738,8 +3738,10 @@ div.gradient-box {
   color: #e6e6e6;
 }
 .lods .lods-line {
+  position: relative;
   display: flex;
   overflow: hidden;
+  height: 70px;
 }
 .lods .lods-line .line {
   height: 30px;
@@ -3751,7 +3753,7 @@ div.gradient-box {
   width: 100%;
 }
 .lods .lods-line .line div {
-  overflow: hidden;
+  overflow-x: hidden;
   height: 100%;
 }
 .lods .lods-line .line div:nth-child(1n) {
@@ -3778,6 +3780,7 @@ div.gradient-box {
 }
 .lods .lods-line .cursor {
   position: absolute;
+  top: 11px;
   pointer-events: none;
 }
 .lods .lods-line .cursor .cursor-line {
@@ -3791,7 +3794,6 @@ div.gradient-box {
 }
 .lods #buttons {
   width: 100%;
-  margin-top: 25px;
 }
 .lods #buttons input {
   width: 100%;

+ 5 - 2
bin/style.less

@@ -4387,8 +4387,11 @@ div.gradient-box {
 // lod specific style in model viewer
 .lods {
 	.lods-line {
+		position: relative;
 		display:flex;
 		overflow: hidden;
+		height: 70px;
+
 
 		.line {
 			height: 30px;
@@ -4400,7 +4403,7 @@ div.gradient-box {
 			width: 100%;
 
 			div {
-				overflow: hidden;
+				overflow-x: hidden;
 				height:100%;
 			}
 
@@ -4435,6 +4438,7 @@ div.gradient-box {
 
 		.cursor {
 			position: absolute;
+			top: 11px;
 			pointer-events: none;
 
 			.cursor-line {
@@ -4452,7 +4456,6 @@ div.gradient-box {
 
 	#buttons {
 		width: 100%;
-		margin-top: 25px;
 
 		input {
 			width: 100%;

+ 0 - 3
hide/view/Model.hx

@@ -927,9 +927,6 @@ class Model extends FileView {
 						}
 					});
 				}
-
-				var cursor = lodsEl.find(".cursor");
-				cursor.css({top: '${lodsLine.position().top + 11}px'});
 			}
 		}