Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

Fluid 4960: Fixed height of UIO reset and show/hide tabs causes some fonts to wrap and clip #300

Merged
merged 4 commits into from

2 participants

@jhung
Owner

Changed many of the fixed width and height to use min-width and min-height. This ensures that the text looks proper when changing sizes and styles.

Jonathan Hung added some commits
Jonathan Hung FLUID-4959: Added a height to the toggle label so it doesn't scale wi…
…th the line spacing option. This will fix the 'off' text in position. Also added a fixed height to the fl-uiOptions container so that line spacing in UIO does not scale with UIO. This may not be a solution we want, but for the demo it helps keep UIO from looking broken.
c7ac670
Jonathan Hung FLUID-4960: Added min height to the tabs which helps the overflow iss…
…ue. Also moved the tab divider to the show/hide button which helps with the height of the divider. However there appears to still be issues when using Verdana and text size 2.
ba59a6a
Jonathan Hung FLUID-4960: Added min-width value to the show/hide tab which helps fi…
…x the text size issue with verdana and other fonts.
9619fd7
Jonathan Hung FLUID-4960: Removed the fixed width for show/hide button in the CSS f…
…or the UIO demo. This way the button scales properly with text style and size.
d33b9e7
@michelled michelled merged commit d33b9e7 into fluid-project:demo
@jhung jhung deleted the jhung:FLUID-4960 branch
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Apr 1, 2013
  1. FLUID-4959: Added a height to the toggle label so it doesn't scale wi…

    Jonathan Hung authored
    …th the line spacing option. This will fix the 'off' text in position. Also added a fixed height to the fl-uiOptions container so that line spacing in UIO does not scale with UIO. This may not be a solution we want, but for the demo it helps keep UIO from looking broken.
  2. FLUID-4960: Added min height to the tabs which helps the overflow iss…

    Jonathan Hung authored
    …ue. Also moved the tab divider to the show/hide button which helps with the height of the divider. However there appears to still be issues when using Verdana and text size 2.
  3. FLUID-4960: Added min-width value to the show/hide tab which helps fi…

    Jonathan Hung authored
    …x the text size issue with verdana and other fonts.
  4. FLUID-4960: Removed the fixed width for show/hide button in the CSS f…

    Jonathan Hung authored
    …or the UIO demo. This way the button scales properly with text style and size.
This page is out of date. Refresh to see the latest.
View
8 src/webapp/components/uiOptions/css/FatPanelUIOptions.css
@@ -20,7 +20,7 @@
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
background-color: white;
- height: 2.2em;
+ min-height: 2em;
margin-right: 10em;
display:block;
float:right;
@@ -32,7 +32,7 @@
font-weight: bold;
border:0;
background-color: white;
- height: 100%;
+ height: 2em;
color: #2f2b2a
font-family: 'OpenSans',"Myriad Pro", Helvetica, Arial, sans-serif;
font-size: 1.1em;
@@ -41,11 +41,11 @@
}
.fl-uiOptions-fatPanel .fl-uiOptions-reset {
- border-right: 1px solid #ccc;
+ border-right: 1px solid #ccc;
}
.fl-uiOptions-fatPanel .fl-toggleButton {
- width: 15em;
+ min-width: 15em;
}
/* IFrame */
View
5 src/webapp/components/uiOptions/css/FatPanelUIOptionsFrame.css
@@ -7,6 +7,7 @@
.fl-uiOptions-fatPanel .fl-uiOptions {
font-family: 'OpenSans',"Myriad Pro", Helvetica, Arial, sans-serif;
+ line-height: 1.2em !important; /* FLUID-4959: fix the line height so it doesn't scale with the UIO line spacing scaling. */
}
/* UI Options Fat Panel styles */
@@ -189,6 +190,10 @@
float:left;
}
+.fl-uiOptions-fatPanel .fl-uiOptions-fatPanel-toc label {
+ line-height: 1.7em !important;
+}
+
.fl-uiOptions-fatPanel .fl-uiOptions-fatPanel-option-description {
padding: 0; /* override .fl-uiOptions-option-description style. */
display: inline-block;
View
4 src/webapp/demos/uiOptions/css/uiOptions.css
@@ -153,10 +153,6 @@ img {
background-color: #0071BC;
}
-.fl-uiOptions-fatPanel .fl-toggleButton {
- width: 17.6em;
-}
-
.uio-demo-theme .fl-uiOptions-fatPanel .fl-toggleButton,
.uio-demo-theme .fl-uiOptions-fatPanel .fl-uiOptions-reset {
font-family: "Myriad Pro", Helvetica, Tahoma, Verdana, sans-serif;
Something went wrong with that request. Please try again.