Hyper: change to relative layout

Created on 2 Jun 2017  ·  6Comments  ·  Source: vercel/hyper

To be honestly, this is a awesome project.

But, i have a quest, why using 'fixed' instead of 'relative'.

image

this problem make hyper hardly embedded into other div.
tips: my english is poor, so never mind!

Most helpful comment

@albinekb I am the Hyper 👮

All 6 comments

@fantasticcmm Can you follow the issue template? Thanks!

@ppot thanking you for reply.

I don't know "flow the issue template" means.

my question is simple.

code:https://github.com/zeit/hyper/blob/master/lib/containers/hyper.js

line: 123

image

I want to use hyper as a part of another project. So,i embed hyper into a div. For the reason of hyper using 'absolute' instead of 'relative', it's hardly to put hyper on right position.

I have to change hyper source code,and change all 'absolute' to 'relative'。

thanks again.

There it is ;)

<!--
  Hi there! Thank you for discovering and submitting an issue. 

  Before you submit this; let's make sure of a few things. 
  Please make sure the following boxes are ticked if they are correct.
  If not, please try and fulfil these first.
-->

<!-- Checked checkbox should look like this: [x] -->
- [ ] I am on the [latest](https://github.com/zeit/hyper/releases/latest) Hyper.app version
- [ ] I have searched the [issues](https://github.com/zeit/hyper/issues) of this repo and believe that this is not a duplicate

<!-- 
  Once those are done, if you're able to fill in the following list with your information,
  it'd be very helpful to whoever handles the issue.
-->

- **OS version and name**: <!-- Replace with version + name -->
- **Hyper.app version**: <!-- Replace with version -->
- **Link of a [Gist](https://gist.github.com/) with the contents of your .hyper.js**: <!-- Gist Link Here -->
- **Relevant information from devtools** _(CMD+ALT+I on Mac OS, CTRL+SHIFT+I elsewhere)_: <!-- Replace with info if applicable, or N/A -->
- **The issue is reproducible in vanilla Hyper.app**: <!-- Replace with info if applicable, or `Is Vanilla`. (Vanilla means Hyper.app without any add-ons or extras. Straight out of the box.) -->

## Issue
<!-- Now feel free to write your issue, but please be descriptive! Thanks again 🙌 ❤️ -->

Issue template not really needed for this one @ppot 😄

I think you can override that setting via your .hyper.js?

https://github.com/zeit/hyper/blob/master/app/config/config-default.js#L32

.main { position: absoute !important; } should do the trick.

@albinekb I am the Hyper 👮

Thanks for reply.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

hxnt picture hxnt  ·  3Comments

alejandrofloresm picture alejandrofloresm  ·  3Comments

juicygoose picture juicygoose  ·  3Comments

aem picture aem  ·  3Comments

cilice picture cilice  ·  3Comments