Coder Social home page Coder Social logo

appearance/styling geddon about substanced HOT 16 CLOSED

pylons avatar pylons commented on June 28, 2024
appearance/styling geddon

from substanced.

Comments (16)

mcdonc avatar mcdonc commented on June 28, 2024

We also probably need a logo.

from substanced.

mcdonc avatar mcdonc commented on June 28, 2024

We have a logo, but it'd be nice if someone with some design sense gave us some feedback on the current UI elements (propertysheets, the folder contents page, the breadcrumbs, the top bar, etc).

from substanced.

mcdonc avatar mcdonc commented on June 28, 2024

This is probably related to #114 (we might be able to purchase a theme from wrapbootstrap.com, although none look particularly suited at the moment).

from substanced.

stevepiercy avatar stevepiercy commented on June 28, 2024

I'd like to participate on this issue. Can you share some of the things you have in mind? What works well, what needs improvement, etc.?

There are several administrative templates that might fit the bill, but only 3 are currently TB3 compliant.

If not, then I could create a basic one starting from one of the TB3 starter templates and edit it using Pingendo.

from substanced.

mcdonc avatar mcdonc commented on June 28, 2024

Well what we have (http://substanced.repoze.org u: admin p: admin) is functionally fine, it's just a little bland. We also need to update it to bootstrap 3 at some point (probably before we do any theming). But it's the general gist of things, and though it works, it's just a little stock. I don't have any hard and fast ideas about how it should be themed, but something in that spirit that isn't quite so bootstrap-default is likely in order.

from substanced.

mcdonc avatar mcdonc commented on June 28, 2024

FTR, I do like the non-flat buttons of bootstrap 2, and when we upgrade to bootstrap 3, I'm likely to apply the bootstrap 2 theme to it if nothing better comes along.

from substanced.

stevepiercy avatar stevepiercy commented on June 28, 2024

See theme example using TB3. That theme uses TB3 CSS class names with tweaks to the CSS to restore the gradients on buttons as in TB2.

Be aware of migration between TB2 and 3. Many classes have been renamed.

from substanced.

blaflamme avatar blaflamme commented on June 28, 2024

Moving from BS2 to BS3 could involve some work depending on how markup and classes were used. Honestly, the new grid system is awesome :)

Giving a new theme shouldn't be too hard but would take some time to adapt depending of the number of widgets you are using, like select2 and slickgrid.

from substanced.

mcdonc avatar mcdonc commented on June 28, 2024

We basically have to upgrade to BS3 anyway, as deform2 uses it.

from substanced.

blaflamme avatar blaflamme commented on June 28, 2024

They don't share the same set of assets so you can have them not using the same version, but with stock BS it'll look better if they use the same version, UI-wise. And for long-term it'll be wiser to switch anyways.

from substanced.

stevepiercy avatar stevepiercy commented on June 28, 2024

Sounds like we should create a new branch to implement TB3.

What is the naming convention for branches? Is this a feature, e.g. "feature.twitterbootstrap3"?

from substanced.

mcdonc avatar mcdonc commented on June 28, 2024

Sure, or just feature.bs3 or something.

from substanced.

domenkozar avatar domenkozar commented on June 28, 2024

Be sure to use https://github.com/Pylons/deform/tree/deform2

from substanced.

mcdonc avatar mcdonc commented on June 28, 2024

https://github.com/Pylons/substanced/tree/feature.deform2 (includes bs3 and jq2 updates)

from substanced.

mcdonc avatar mcdonc commented on June 28, 2024

FWIW a demo site using this branch is now at http://demo.substanced.net

from substanced.

mcdonc avatar mcdonc commented on June 28, 2024

Closing, as the design in the feature.deform2 branch is more or less intentional.

from substanced.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.