make iframe work

Author: silverwind

modules/markup/renderer.go

@@ -333,16 +333,12 @@ func (err ErrUnsupportedRenderFile) Error() string {
 }
 
 func renderButton(ctx *RenderContext, output io.Writer) error {
-	_, err := io.WriteString(output, fmt.Sprintf(`
-<div>
-<a href="%s/%s/%s/render/%s/%s">%s</a>
-</div>`,
+	_, err := io.WriteString(output, fmt.Sprintf(`<iframe src="%s/%s/%s/render/%s/%s" sandbox="allow-same-origin allow-scripts"></iframe>`,
 		setting.AppSubURL,
 		url.PathEscape(ctx.Metas["user"]),
 		url.PathEscape(ctx.Metas["repo"]),
 		ctx.Metas["BranchNameSubURL"],
 		url.PathEscape(ctx.RelativePath),
-		"View in New Page", // TODO: how to get to know the i18n here?
 	))
 	return err
 }

web_src/css/base.css

@@ -22,6 +22,7 @@
   --opacity-disabled: 0.55;
   --height-loading: 16rem;
   --tab-size: 4;
+  --render-height: 600px;
   /* base colors */
   --color-primary: #4183c4;
   --color-primary-contrast: #ffffff;

web_src/css/repo.css

@@ -440,7 +440,7 @@
 
 .pdf-content {
   width: 100%;
-  height: 600px;
+  height: var(--render-height);
   border: none !important;
   display: flex;
   align-items: center;
@@ -1900,6 +1900,17 @@
 .file-view.markup {
   padding: 1em 2em;
 }
+
+.file-view.openapi {
+  padding: 0;
+}
+
+.file-view.openapi iframe {
+  width: 100%;
+  height: var(--render-height);
+  border: none;
+}
+
 .repository .activity-header {
   display: flex;
   justify-content: space-between;