New theme in progress Indigolded, help needed

[Joe&Bug]

Hi everybody.

First of all, I'd like to thank Clem for giving us Cinnamon. The growing Linux community gets a new hope thanks to him after the past year disaster and his collateral damage...

Secondly, I'd like to share a snapshot of a theme I'm working on. Not so minty though but keep in mind it's just my first attempt in this Green Side.



So, if you take a look at the pic, you'll see an weird effect in the selected button which I'm trying to apply a text-shadow property. Extrange behaviour here, cause whole word gets the effect, except last character .

This is the code:

Code: Select all

.menu-category-button-greyed {
   padding: 7px;
   color: #888888;
   /* BUG: makes the whole panel to stretch
   font-style: italic;
   */
}
.menu-category-button-selected {
   padding: 7px;
   color: darkgoldenrod;
   text-shadow: 0px 1px 1px gold;
   background-color: rgba(0,0,0,0.01);
   box-shadow: inset -1px -1px 2px 1px rgba(68,72,85,1);
   border-radius: 4px;
   transition-duration: 0;
}


Any ideas? Thanx in advance.

PD: Work progress is 80%

[bimaljr]

May be I am late to reply. But if this is still not solved than try this:

Code: Select all

.menu-category-button-selected {
   padding: 7px;
   color: darkgoldenrod;
   /*text-shadow: 0px 1px 1px gold;*/
   background-color: rgba(0,0,0,0.01);
   box-shadow: inset -1px -1px 2px 1px rgba(68,72,85,1);
   border-radius: 4px;
   transition-duration: 0;
}

Comment or remove the "text-shadow" line.

[Joe&Bug]

May be I am late to reply. But if this is still not solved than try this:

Code: Select all

.menu-category-button-selected {
   padding: 7px;
   color: darkgoldenrod;
   /*text-shadow: 0px 1px 1px gold;*/
   background-color: rgba(0,0,0,0.01);
   box-shadow: inset -1px -1px 2px 1px rgba(68,72,85,1);
   border-radius: 4px;
   transition-duration: 0;
}

Comment or remove the "text-shadow" line.

Thanks, bimaljr

The question is I'd like to maintain that blurring effect in the selected item.

I've found that not only last character gets truncated. "It" affects last pixels or maybe % of the button itself.