Styling an Image in 1.7RC?

Topics: General, Troubleshooting
Jul 31, 2013 at 5:14 AM
Edited Jul 31, 2013 at 5:17 AM
In 1.7 it looks like the old Media module is disabled by default so I've played with the media library capability. One of the most common things I do is upload an image as part of a HTML widget or content for a blog and do a little "fancy" formatting with padding or floats. I don't see how to do that in 1.7 Media Library.

As a trial, I ended up enabling the old Media module and trying it and it worked to set the initial style in the old way but then trying to update the style text box would contain a bunch of extra junk rather than the original styling I applied:

First round I would add: padding: 20px; float: left;

Go in and update the image and it shows this in the style textbox:
background-attachment: ; background-clip: ; background-color: ; background-image: ; background-origin: ; background-position: ; background-repeat: ; background-size: ; border-bottom-color: ; border-bottom-left-radius: ; border-bottom-right-radius: ; border-bottom-style: ; border-bottom-width: ; border-collapse: ; border-image-outset: ; border-image-repeat: ; border-image-slice: ; border-image-source: ; border-image-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-top-color: ; border-top-left-radius: ; border-top-right-radius: ; border-top-style: ; border-top-width: ; bottom: ; box-shadow: ; box-sizing: ; caption-side: ; clear: ; clip: ; color: ; cursor: ; direction: ; display: ; empty-cells: ; float: ; font-family: ; font-size: ; font-style: ; font-variant: ; font-weight: ; height: ; image-rendering: ; left: ; letter-spacing: ; line-height: ; list-style-image: ; list-style-position: ; list-style-type: ; margin-bottom: ; margin-left: ; margin-right: ; margin-top: ; max-height: ; max-width: ; min-height: ; min-width: ; opacity: ; orphans: ; outline-color: ; outline-offset: ; outline-style: ; outline-width: ; overflow-wrap: ; overflow-x: ; overflow-y: ; padding-bottom: ; padding-left: ; padding-right: ; padding-top: ; page-break-after: ; page-break-before: ; page-break-inside: ; pointer-events: ; position: ; resize: ; right: ; speak: ; table-layout: ; tab-size: ; text-align: ; text-decoration: ; text-indent: ; text-rendering: ; text-shadow: ; text-overflow: ; text-transform: ; top: ; transition-delay: ; transition-duration: ; transition-property: ; transition-timing-function: ; unicode-bidi: ; vertical-align: ; visibility: ; white-space: ; widows: ; width: ; word-break: ; word-spacing: ; word-wrap: ; z-index: ; zoom: ; -webkit-animation-delay: ; -webkit-animation-direction: ; -webkit-animation-duration: ; -webkit-animation-fill-mode: ; -webkit-animation-iteration-count: ; -webkit-animation-name: ; -webkit-animation-play-state: ; -webkit-animation-timing-function: ; -webkit-appearance: ; -webkit-backface-visibility: ; -webkit-background-clip: ; -webkit-background-composite: ; -webkit-background-origin: ; -webkit-background-size: ; -webkit-border-fit: ; -webkit-border-horizontal-spacing: ; -webkit-border-image: ; -webkit-border-vertical-spacing: ; -webkit-box-align: ; -webkit-box-decoration-break: ; -webkit-box-direction: ; -webkit-box-flex: ; -webkit-box-flex-group: ; -webkit-box-lines: ; -webkit-box-ordinal-group: ; -webkit-box-orient: ; -webkit-box-pack: ; -webkit-box-reflect: ; -webkit-box-shadow: ; -webkit-clip-path: ; -webkit-color-correction: ; -webkit-column-break-after: ; -webkit-column-break-before: ; -webkit-column-break-inside: ; -webkit-column-axis: ; -webkit-column-count: ; -webkit-column-gap: ; -webkit-column-progression: ; -webkit-column-rule-color: ; -webkit-column-rule-style: ; -webkit-column-rule-width: ; -webkit-column-span: ; -webkit-column-width: ; -webkit-filter: ; -webkit-align-content: ; -webkit-align-items: ; -webkit-align-self: ; -webkit-flex-basis: ; -webkit-flex-grow: ; -webkit-flex-shrink: ; -webkit-flex-direction: ; -webkit-flex-wrap: ; -webkit-justify-content: ; -webkit-font-kerning: ; -webkit-font-smoothing: ; -webkit-font-variant-ligatures: ; -webkit-grid-auto-columns: ; -webkit-grid-auto-flow: ; -webkit-grid-auto-rows: ; -webkit-grid-columns: ; -webkit-grid-rows: ; -webkit-grid-start: ; -webkit-grid-end: ; -webkit-grid-before: ; -webkit-grid-after: ; -webkit-highlight: ; -webkit-hyphenate-character: ; -webkit-hyphenate-limit-after: ; -webkit-hyphenate-limit-before: ; -webkit-hyphenate-limit-lines: ; -webkit-hyphens: ; -webkit-line-align: ; -webkit-line-box-contain: ; -webkit-line-break: ; -webkit-line-clamp: ; -webkit-line-grid: ; -webkit-line-snap: ; -webkit-locale: ; -webkit-margin-before-collapse: ; -webkit-margin-after-collapse: ; -webkit-marquee-direction: ; -webkit-marquee-increment: ; -webkit-marquee-repetition: ; -webkit-marquee-style: ; -webkit-mask-box-image: ; -webkit-mask-box-image-outset: ; -webkit-mask-box-image-repeat: ; -webkit-mask-box-image-slice: ; -webkit-mask-box-image-source: ; -webkit-mask-box-image-width: ; -webkit-mask-clip: ; -webkit-mask-composite: ; -webkit-mask-image: ; -webkit-mask-origin: ; -webkit-mask-position: ; -webkit-mask-repeat: ; -webkit-mask-size: ; -webkit-order: ; -webkit-perspective: ; -webkit-perspective-origin: ; -webkit-print-color-adjust: ; -webkit-rtl-ordering: ; -webkit-tap-highlight-color: ; -webkit-text-combine: ; -webkit-text-decorations-in-effect: ; -webkit-text-emphasis-color: ; -webkit-text-emphasis-position: ; -webkit-text-emphasis-style: ; -webkit-text-fill-color: ; -webkit-text-orientation: ; -webkit-text-security: ; -webkit-text-stroke-color: ; -webkit-text-stroke-width: ; -webkit-transform: ; -webkit-transform-origin: ; -webkit-transform-style: ; -webkit-transition-delay: ; -webkit-transition-duration: ; -webkit-transition-property: ; -webkit-transition-timing-function: ; -webkit-user-drag: ; -webkit-user-modify: ; -webkit-user-select: ; -webkit-writing-mode: ; -webkit-app-region: ; buffered-rendering: ; clip-path: ; clip-rule: ; mask: ; filter: ; flood-color: ; flood-opacity: ; lighting-color: ; stop-color: ; stop-opacity: ; color-interpolation: ; color-interpolation-filters: ; color-rendering: ; fill: ; fill-opacity: ; fill-rule: ; marker-end: ; marker-mid: ; marker-start: ; mask-type: ; shape-rendering: ; stroke: ; stroke-dasharray: ; stroke-dashoffset: ; stroke-linecap: ; stroke-linejoin: ; stroke-miterlimit: ; stroke-opacity: ; stroke-width: ; alignment-baseline: ; baseline-shift: ; dominant-baseline: ; kerning: ; text-anchor: ; writing-mode: ; glyph-orientation-horizontal: ; glyph-orientation-vertical: ; -webkit-svg-shadow: ; vector-effect: ;


Is this a true bug that I should document? Additionally, is there something I'm missing about the media library capability?