Comments (4)
I figured out the menu, thanks anyway!
from lcars.
Actually, I could probably use a little help. This is what I came up with for adding menu buttons to the left hand menu (based off of your example html). I tried having it match your buttons example but for some reason the buttons are overlapping instead of having a space (I'm trying to get a space the same size as the the space between the bend at the top and the menu filler. I tried adding a </br>
after each button but that just made a black space 3 or 4 times too wide. Here's the code I'm currently using:
<!-- SIDE MENU ================== -->
<div id="left-menu" class="lcars-column start-space lcars-u-1">
<div class="lcars-column">
<div class="lcars-row">
<div class="lcars-element button lcars-blue-bell-bg">Settings</div>
</div>
<div class="lcars-row">
<div class="lcars-element button lcars-hopbush-bg">Users</div>
</div>
<div class="lcars-row">
<div class="lcars-element button lcars-pale-canary-bg">Info</div>
</div>
<div class="lcars-row">
<div class="lcars-element button lcars-blue-bell-bg">About</div>
</div>
</div>
<!-- FILLER -->
<div class="lcars-bar lcars-u-1"></div>
</div>
from lcars.
Figured it out! I did the opposite similar to how you did your section showing the colors: swtiched the column and row around and removed all of those rows in between each element.
from lcars.
I am happy you could solve your problem! Sorry for not responding earlier, I forgot to put notifications on :)
Feel free to ask if you have further problems! I would love some feedback and maybe see what people are doing with it.
from lcars.
Related Issues (20)
- lcars-title class should have character glyphs same height as parent bar element, visually HOT 7
- Automatic audio wireup selector makes omissions, demo/doc page example missing button class
- Gulpfile configured for older version HOT 1
- Simplify Audio section documentation
- Short filenames HOT 2
- Audio module bugs
- elements / buttons in thin/horizontal elbow-bars
- brackets to support text content HOT 5
- Questions about rows and columns HOT 3
- Input HOT 15
- Documentation request: How do I incorporate this project? HOT 20
- Need good default styling for html tables
- Rename `master` to `main` HOT 9
- Demo/doc left-hand side-bar navigation has too many buttons HOT 3
- Compiled CSS contains a few unnecessarily long floating point representations of irrational numbers
- Simple Red Alert effect
- Expand contributing section of readme
- Is it possible to have a tutorial to realize something like www.thelcars.com template? HOT 3
- Getting LCARS to work with React HOT 3
- Documentation - Areas for improvement
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lcars.