search

lizardoluis / omtg-designer

Web tool for modeling geographic databases.
http://www.aqui.io/omtg/
MIT License
33 stars 13 forks source link

Diagram name border not extending when diagram attributes is too big #4

Closed lizardoluis closed 8 years ago

lizardoluis commented 8 years ago

screen shot 2016-07-12 at 1 32 09 pm

Header on conventional class is also wrong due to -1 on margin.

screen shot 2016-07-12 at 3 18 38 pm

arthcmr commented 8 years ago

Instead of margin-left: -1px for .d-title, add this:

.d-icon ~ .d-title {
    margin-left: -1px;
}

This will ensure only elements .d-title that are siblings of .d-icon will get the margin style.

arthcmr commented 8 years ago

Alright, change of plans. This should do the trick:

.diagram-container .d-header .d-icon ~ .d-title {
    padding-left: 45px;
}
/* remove margin-left: -1 */

.diagram-container .d-header .d-title {
    height: 100%;
    min-width: 100px;
    border: 1px solid black;
    font-weight: bold;
    padding: 8px 10px 5px 10px;
    white-space: nowrap;
}
/* remove display: inline-block, text-align: center and margin-left */
arthcmr commented 8 years ago

cc @lizardoluis ^