When you view/invoke the side bar in Sublime Text 2, the width of the window stays constant—the side bar appears on the left, code in the middle and the mini-map on the right. This usually “squishes” the code view…
Is there a way to keep the code and mini-map locked to a specific width and force the window to grow wider when you invoke the side bar view? (Similar to how the project drawer works in TextMate.)
Thanks!
Related
I have 2 monitors. One is slightly wider than the other. When I put my page that has the right side bar with nav links and other controls, it shows properly off to the far right side of the page as you can see below. This is on the wider monitor.
And when I drag the browser onto my narrower monitor, the next image below demonstrates the results of pushing the entire contents of the sidebar down underneath the main content. How can I correct this problem to insure the right sidebar lines up with the tables that are floating next to each other down the main content area?
I have a navigation bar and I do not want it to fold when the browser window becomes smaller.
I found this article,CSS-Tricks (Content Folding). However, that only shows how to not fold one element. I want the entire page to not fold.
For example, I have a navigation bar, and when I shrink the browser window, the navigation Bar becomes 3 lines of navigation bars.
I wanna know if it's possible to edit chrome/chromium devtools layout.
The reason is with a x Width > actualWidth, the layout is the left one (this is what i want as full time layout) and over the x Width < actualWidth, the layout change with the right one and I got square monitor so I can put the width too much if I want to see my render and the code javascript side-by-side.
So does it have a way to edit the devtools layout? If there is a way, how I can change the devtools layout?
Layout sample
Note: I'm using the right layout (dock to right)
Thanks for the answer
In the tab area for the content you are editing. On each side there is an icon that looks like a triangle towards a sidebar. Click that and it will hide the sidebar it is beside to give you more space.
Beyond that, you can click the overflow menu in the primary panel menu (the three icons beside the close button) and then select "Dock to Bottom" from the top layout choices.
Finally, the latest method available is to go into the Settings. Then under "Appearance" find Panel layout and change that to horizontal. This will then force the panels in elements and sources at least to be at the bottom always.
Each of these methods should provide you more area to work.
I'm working on a webpage with a certain design: I would like to get text to be on both sides of some other text, and when the browser window is narrowed, I would like for all the text to be below the original text. The situation is as in the picture below, with a wide browser window on the left and a narrow one on the right.
It would be great if the text would continue from the left side to the right side. If that's not possible, then I wouldn't mind the text on the top right starting where the text on the middle left ended. Honestly, the "Text 2" part is just a bunch of small pictures (all of which I want to appear somewhere on the page), so the order in which they appear does not matter.
What matters is that when the browser window is wide, the space near the top of the page gets filled first, and then moving down to the bottom. And when the page is narrowed, more space down below gets filled, until no more space is left on the sides, so everything is in the bottom (when the window is narrowest).
So far I have tried looking at floating a div in the center of the page, but that doesn't allow me to have text on both sides. Also if I have 3 columns, then I may lose some of the "Text 2" when the browser window is narrowed. "Text 1" has fixed width and height, and "Text 2" has variable width and height. Any tips are appreciated!
I asked a question yesterday:
Fixed Menu at the Top of Webpage that Changes Size as Window Resizes
I've updated a few things, and now it's looking much closer to what I want it to be. B,ut I just have a few follow up questions that I hope someone can help me with.
Please see what I have now: http://jsfiddle.net/ovr8spfu/6/
I would like to set a minimum width to my #container. I tried min-width:950px in #container, but to no avail. I want to do this because if you minimize the window now, the menu items disappear, first "Home" disappears, and then on and on. I'd like a minimum width so that the green filler part all goes away, afer that, a scroll bar should appear at the bottom of the window to fit the 950px menu.
My flash file is 1300x500. I want it to always fit the width of my window, with no padding, no background visible. So for example if the window is 1500 in width, the flash file should scale and stretch to 1500x577. If the window becomes its minimum (950 from question #1), the flash file should scale down to 950x365. The flash file should also always be touching the menu, and #section should be directly beneath it.
Lastly, if my menu item has a lot of text, how do I set a max width and text wrap to it? I'd like to wrap the text on 2 lines with a narrower menu item.
Thank you very much!